РАЗРАБОТКА САЙТА ИНСТИТУТА ТАТНИПИНЕФТЬ
|
Введение 5
1. Теоретическая часть 8
1.1. Понятие web-сайта 8
1.2. Классификация web-сайтов 9
1.3. Средства программной разработки web-сайта 10
1.3.1. HTML 10
1.3.2. CSS 11
1.3.3. РНР 12
1.3.4. MySQL 13
1.3.5. JavaScript 13
1.4. Системы управления контентом сайта 14
1.5. Веб-сервера 15
1.6. Проектирование web-сайта 17
1.6.1. Аналитика бизнес-логики и сбор функциональных требований.... 17
1.6.2. Первичные прототипы 18
1.6.3. Техническое задание 19
1.6.4. Уточнение прототипов 19
1.7. Этапы разработки web-сайта 21
1.7.1. Разработка интерфейса 21
1.7.2. Интеграция верстки в рамках CMS 22
1.7.3. Разработка функционала 22
1.7.4. Тестирование и запуск 23
1.7.5. Опытная эксплуатация 23
2. Практическая часть 24
2.1. Аналитика бизнес логики 24
2.2. Составление функциональных требований 26
2.2.1. Визуальное оформление сайта 27
2.2.2. Требования к языковым версиям 27
2.2.3. Страницы Сайта 27
2.2.4. Требования к адаптации 29
2.2.5. Требования к структуре 29
2.3. Разработка ТЗ 29
2.3.1. Определение структура сайта 29
2.3.2. Прототипирование 31
2.3.3. Написание технического задания 33
2.4. Разработка дизайн макета интерфейса 41
2.4.1. Дизайн главной страницы 41
2.4.2. Дизайн страницы раздела (категорий) 44
2.4.3. Дизайн записей 45
2.4.4. Дизайн контактов 46
2.4.5. Дизайн каталога библиотеки 45
2.4.6. Мобильная версия сайта 46
2.5. Верстка сайта 47
2.5.1. Верстка главной страницы 49
2.5.2. Верстка страниц раздела, записей, контактов и каталогов 51
2.6. Разработка сайта 53
2.6.1. Подготовительные работы 53
2.6.2. Описание установки CMS Wordpress 53
2.6.3. Интеграция верстки 56
2.6.4. Реализация функционала 58
2.6.5. Создание файла с функциями 59
2.6.6. Создание страницы отдельной записи 59
2.6.7. Создание страницы с выводом записей и новостей 59
2.6.8. Настройка формы поиска 59
2.6.9. Оптимизация сайта 59
2.7. Перенос сайта на хостинг
Заключение 62
Использованная литература
Приложение 1
Приложение 2
1. Теоретическая часть 8
1.1. Понятие web-сайта 8
1.2. Классификация web-сайтов 9
1.3. Средства программной разработки web-сайта 10
1.3.1. HTML 10
1.3.2. CSS 11
1.3.3. РНР 12
1.3.4. MySQL 13
1.3.5. JavaScript 13
1.4. Системы управления контентом сайта 14
1.5. Веб-сервера 15
1.6. Проектирование web-сайта 17
1.6.1. Аналитика бизнес-логики и сбор функциональных требований.... 17
1.6.2. Первичные прототипы 18
1.6.3. Техническое задание 19
1.6.4. Уточнение прототипов 19
1.7. Этапы разработки web-сайта 21
1.7.1. Разработка интерфейса 21
1.7.2. Интеграция верстки в рамках CMS 22
1.7.3. Разработка функционала 22
1.7.4. Тестирование и запуск 23
1.7.5. Опытная эксплуатация 23
2. Практическая часть 24
2.1. Аналитика бизнес логики 24
2.2. Составление функциональных требований 26
2.2.1. Визуальное оформление сайта 27
2.2.2. Требования к языковым версиям 27
2.2.3. Страницы Сайта 27
2.2.4. Требования к адаптации 29
2.2.5. Требования к структуре 29
2.3. Разработка ТЗ 29
2.3.1. Определение структура сайта 29
2.3.2. Прототипирование 31
2.3.3. Написание технического задания 33
2.4. Разработка дизайн макета интерфейса 41
2.4.1. Дизайн главной страницы 41
2.4.2. Дизайн страницы раздела (категорий) 44
2.4.3. Дизайн записей 45
2.4.4. Дизайн контактов 46
2.4.5. Дизайн каталога библиотеки 45
2.4.6. Мобильная версия сайта 46
2.5. Верстка сайта 47
2.5.1. Верстка главной страницы 49
2.5.2. Верстка страниц раздела, записей, контактов и каталогов 51
2.6. Разработка сайта 53
2.6.1. Подготовительные работы 53
2.6.2. Описание установки CMS Wordpress 53
2.6.3. Интеграция верстки 56
2.6.4. Реализация функционала 58
2.6.5. Создание файла с функциями 59
2.6.6. Создание страницы отдельной записи 59
2.6.7. Создание страницы с выводом записей и новостей 59
2.6.8. Настройка формы поиска 59
2.6.9. Оптимизация сайта 59
2.7. Перенос сайта на хостинг
Заключение 62
Использованная литература
Приложение 1
Приложение 2
Развитие интернет-ресурсов различных типов организации в настоящее время является одним из приоритетного направления в рамках цифровизации общества. В настоящее время индустрия находится на этапе внедрения новых технологических решении для интернет-проектов, которые были созданы в перспективе последних 10 лет с целью повышения степени вовлеченности пользователей данного типа сайтов и расширения функциональных возможностей подобных платформ. В первую очередь, к таким проектам относятся сайты государственных и окологосударственных организации, корпоративные порталы, предназначенные для внутреннего использования в рамках организации, а также проекты в категории средний и малый бизнес. В рамках данной дипломы работы была исследована тема реновации внутреннего интернет-ресурса для научно-исследовательского института при ПАО «Татнефть», который используется для внутрикорпоративного информирования сотрудников.
Данная тема была выбрана для изучения в связи с растущим трендом на улучшение интернет-представительства государственных, исследовательских, образовательных организации, в частности, в одном из наиболее инновационных регионов России - республике Татарстан. В рамках темы интерес представляет, в первую очередь, процесс проектирования переноса старого интернет-ресурса на новые инструменты реализации подобного рода проектов без потери доступа к информационному пространству для сотрудников. Также важным для исследования является опыт перехода от сам описных интернет-решении к устоявшимся в текущее время пакетным решения в области разработки интернет-проектов.
Целью данной работы является изучение методов проектирования, разработки и тестирования интернет-проектов в аспекте реновации действующего внутреннего интернет-проекта исследовательской организации.
Задачами работы являются:
1. Изучение современных инструментов разработки и управления интернет- проектами
2. Разработка концепции интент-ресурса внутреннего использования
3. Запуск в промышленную эксплуатацию интернет-ресурса института ТатНИПИнефть
Предметом исследования в рамках теоретической части работы являются инструменты разработки web-сайта, объектом - непосредственно web-сайт как информационная сущность.
Актуальность темы продиктована продолжающимся трендом на рост интернет-аудитории, которая в 2017 году в России по данным Mediascope достигла 87 миллионов человек, при этом 15% рост показало использование мобильного интернета, что и диктует новые подходы к разработке интернет- ресурсов, а также приоритетной ролью развития электронных площадок, Связанных с исследовательской деятельностью и государственными услугами, обозначенном в стратегии инновационного развития Российской федерации на период до 2020 года. Кроме того, существует локальный аспект актуальности данной работы, связанный с ключевой ролью ПАО «Татнефть» структуре экономики республики Татарстан, а как следствие с необходимостью реализации информационных ресурсов организации, в том числе, внутрикорпоратвного значения.
В рамках данного исследования проводится анализ проблемы реновации корпоративных интернет-ресурсов. Последовательное прохождение всех этапов формирования интернет-ресурса от проектирования до запуска
позволяет обеспечить комплексное обновление корпоративного ресурса, выявив наиболее подходящие для этого инструменты программной разработки и проектные решения.
Теоретическое исследование опиралось на следующие группы источников: литература об управлении интернет-проектами, источники по подходам современной программной web-разработки, литература по дизайну и исследованию поведения пользователей. А именно:
• Итан Маркот - Отзывчивый веб-дизайн
• Кит Джереми - HTML5 для веб-дизайнеров
• Дэн Сидерхолм - CSS3 для веб-дизайнеров
• Том Демарко - Deadline. Роман об управлении проектами
В качестве практического содержания работы выступает проект обновления внутреннего корпоративного сайта института ТатНИПИнефть. Отсюда вытекает практическая значимость работы в рамках данной организации как средства обмена информации между сотрудниками.
В рамках работы выбрана качественная стратегия исследования, ввиду проработки реального интернет-проекта, имеющего значимость для организации, в рамках которой производится выполнение данной работы, но ввиду специфичности области программирования также используются элементы количественной стратегии.
Данная тема была выбрана для изучения в связи с растущим трендом на улучшение интернет-представительства государственных, исследовательских, образовательных организации, в частности, в одном из наиболее инновационных регионов России - республике Татарстан. В рамках темы интерес представляет, в первую очередь, процесс проектирования переноса старого интернет-ресурса на новые инструменты реализации подобного рода проектов без потери доступа к информационному пространству для сотрудников. Также важным для исследования является опыт перехода от сам описных интернет-решении к устоявшимся в текущее время пакетным решения в области разработки интернет-проектов.
Целью данной работы является изучение методов проектирования, разработки и тестирования интернет-проектов в аспекте реновации действующего внутреннего интернет-проекта исследовательской организации.
Задачами работы являются:
1. Изучение современных инструментов разработки и управления интернет- проектами
2. Разработка концепции интент-ресурса внутреннего использования
3. Запуск в промышленную эксплуатацию интернет-ресурса института ТатНИПИнефть
Предметом исследования в рамках теоретической части работы являются инструменты разработки web-сайта, объектом - непосредственно web-сайт как информационная сущность.
Актуальность темы продиктована продолжающимся трендом на рост интернет-аудитории, которая в 2017 году в России по данным Mediascope достигла 87 миллионов человек, при этом 15% рост показало использование мобильного интернета, что и диктует новые подходы к разработке интернет- ресурсов, а также приоритетной ролью развития электронных площадок, Связанных с исследовательской деятельностью и государственными услугами, обозначенном в стратегии инновационного развития Российской федерации на период до 2020 года. Кроме того, существует локальный аспект актуальности данной работы, связанный с ключевой ролью ПАО «Татнефть» структуре экономики республики Татарстан, а как следствие с необходимостью реализации информационных ресурсов организации, в том числе, внутрикорпоратвного значения.
В рамках данного исследования проводится анализ проблемы реновации корпоративных интернет-ресурсов. Последовательное прохождение всех этапов формирования интернет-ресурса от проектирования до запуска
позволяет обеспечить комплексное обновление корпоративного ресурса, выявив наиболее подходящие для этого инструменты программной разработки и проектные решения.
Теоретическое исследование опиралось на следующие группы источников: литература об управлении интернет-проектами, источники по подходам современной программной web-разработки, литература по дизайну и исследованию поведения пользователей. А именно:
• Итан Маркот - Отзывчивый веб-дизайн
• Кит Джереми - HTML5 для веб-дизайнеров
• Дэн Сидерхолм - CSS3 для веб-дизайнеров
• Том Демарко - Deadline. Роман об управлении проектами
В качестве практического содержания работы выступает проект обновления внутреннего корпоративного сайта института ТатНИПИнефть. Отсюда вытекает практическая значимость работы в рамках данной организации как средства обмена информации между сотрудниками.
В рамках работы выбрана качественная стратегия исследования, ввиду проработки реального интернет-проекта, имеющего значимость для организации, в рамках которой производится выполнение данной работы, но ввиду специфичности области программирования также используются элементы количественной стратегии.
В рамках данной дипломной работы была поставлена цель по изучению методов проектирования, разработки и тестирования интернет-проектов на основе разработки веб-ресурса института «ТатНИПИнефть». В рамках теоретической части работы были проанализированы аспекты создания интернет-ресурса, как с точки зрения, современных методов индустрии, так и с точки зрения необходимых технических средств. В рамках практической части работы был реализован корпоративный ресурс института «ТатНИПИнефть» на платформе Wordpress.
Реализация проекта включала в себя этапы проектирования, дизайна, верстки, программной разработки и тестирование. Результатом этапа проектирования стали функциональные требования и техническое задание, на этапе дизайна были созданы дизайн-макеты, конвертированные в html-код на этапе верстки, во время этапа программной разработки была выполнена интеграция верстки в рамках CMS Wordpress. Этап тестирования и запуска предполагал тестирование проекта согласно заранее составленным тест-кейсам, настройку и конфигурацию внутрикорпоративных серверов для запуска проекта. Научно-исследовательский компонент данной работы заключался не только в теоретическом анализе темы создания интернет-ресурсов, но и в применении методов дизайн-исследования и бизнес-аналитики на этапе сбора требований и создания дизайн-концепции проекта.
По итогам дипломной работы сайт института «ТатНИПИнефть» будет внедрен в промышленную эксплуатацию.
Реализация проекта включала в себя этапы проектирования, дизайна, верстки, программной разработки и тестирование. Результатом этапа проектирования стали функциональные требования и техническое задание, на этапе дизайна были созданы дизайн-макеты, конвертированные в html-код на этапе верстки, во время этапа программной разработки была выполнена интеграция верстки в рамках CMS Wordpress. Этап тестирования и запуска предполагал тестирование проекта согласно заранее составленным тест-кейсам, настройку и конфигурацию внутрикорпоративных серверов для запуска проекта. Научно-исследовательский компонент данной работы заключался не только в теоретическом анализе темы создания интернет-ресурсов, но и в применении методов дизайн-исследования и бизнес-аналитики на этапе сбора требований и создания дизайн-концепции проекта.
По итогам дипломной работы сайт института «ТатНИПИнефть» будет внедрен в промышленную эксплуатацию.



