ПРОЕКТ
Разработка web-сайта для
Инициативной группы ММСТ
(Министерства молодёжи, спорта и туризма ДНР)
Шахтёрск, 2017
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Разработка web-сайта для инициативной группы ММСТ (Министерства молодёжи, спорта и туризма ДНР) презентация
Содержание
- 1. Разработка web-сайта для инициативной группы ММСТ (Министерства молодёжи, спорта и туризма ДНР)
- 2. Инициативная группа – это? Инициативная группа -
- 3. Цель инициативной группы «Объединение активной молодёжи всей
- 4. Цели сайта Рассказать об Инициативной группе всей
- 5. Анализ целевой аудитории Страна Возраст Устройство
- 6. Аналогичные сайты https://ais.fadm.gov.ru/ http://www.russia2017.com
- 7. Плюсы и минусы аналогов Плюсы Информативность Адаптивность
- 8. Отталкивающий интерфейс
- 9. Особенности дизайна
- 10. Модули Авторизация Профиль пользователя Оповещения, сообщения Блог, лента, проекты Сообщества
- 11. Выбор инструментов HTML5 CSS3 (SCSS, Autoprefixer) PHP 5.6 (Kohana) JS (Angular.js) MySQL
- 12. Выбор архитектуры Паттерн – HMVC (Hierarchical Model
- 13. Этапы реализации Сбор данных, аналитика Разработка макетов
- 14. Медиа Изображения – jpg, png, svg Видео
- 15. Версия для печати Для каждой страницы, несущей
- 16. Адаптивность 320px – 768px 769px – 1000px 1001px – 1366px 1367px - …
- 17. Кроссбраузерность Использование PostCSS - постпроцессора Autoprefixer. Поддержка последних 5 версий всех браузеров.
- 18. Безопасность Гибкая настройка роутинга Защита от sql-инъекций
- 19. Оптимизация Оптимизация кода Оптимизация изображений (svg в том числе) Оптимизация скриптов
- 20. Тестирование Тестирование CRUD-операций (Create / Read /
- 21. Релиз Получаем готовый продукт. Но останавливаться на
Инициативная группа – это? Инициативная группа - это молодёжное объединение, созданное при отделе по работе с молодёжью министерства молодёжи, спорта и туризма ДНР.
Слайд 1Выполнил
Короткий Д. М.
Слайд 2Инициативная группа – это?
Инициативная группа - это молодёжное объединение, созданное при
отделе по работе с молодёжью министерства молодёжи, спорта и туризма ДНР.
Слайд 3Цель инициативной группы
«Объединение активной молодёжи всей республики для создания площадки, на
которой мы вместе могли бы реализовать все наши идеи, проекты и мероприятия. Инициативная группа - это выход на международный уровень сотрудничества молодёжи»
Слайд 4Цели сайта
Рассказать об Инициативной группе всей республике
Осветить деятельность, новости
Привлечь активную молодёжь
Воплотить
проекты молодёжи
Реализовать мероприятия, предполагающие регистрацию (конференции, собрания, форумы)
Реализовать мероприятия, предполагающие регистрацию (конференции, собрания, форумы)
Слайд 7Плюсы и минусы аналогов
Плюсы
Информативность
Адаптивность
Минусы
Оптимизация
Подача информации
Кроссбраузерность
Интерфейс, дизайн
Слайд 12Выбор архитектуры
Паттерн – HMVC
(Hierarchical Model View Controller)
PHP фреймворк – Kohana 3.3
JS
фреймворк – Angular.js
CSS-препроцессор SCSS
CSS-постпроцессор Autoprefixer
CSS-фреймворк Bootstrap/Foundation
CSS-препроцессор SCSS
CSS-постпроцессор Autoprefixer
CSS-фреймворк Bootstrap/Foundation
Слайд 13Этапы реализации
Сбор данных, аналитика
Разработка макетов
Вёрстка страниц
Настройка, реализация функционала
Тестирование
Внесение поправок и релиз
Слайд 14Медиа
Изображения – jpg, png, svg
Видео – MP4
Аудио – MP3
HTML5 video/audio +
Flash.
Плеер - MediaElement.js
Плеер - MediaElement.js
Слайд 15Версия для печати
Для каждой страницы, несущей необходимую пользователю информацию, будет автоматически
генерироваться версия для печати.
Слайд 17Кроссбраузерность
Использование PostCSS - постпроцессора Autoprefixer.
Поддержка последних 5 версий всех браузеров.
Слайд 18Безопасность
Гибкая настройка роутинга
Защита от sql-инъекций (ORM – Object-Relational Mapping)
Защита от CSRF
(Проверка форм, Token, Salt)
Шифрование
Шифрование
Слайд 20Тестирование
Тестирование CRUD-операций
(Create / Read / Update / Delete)
Тестирование интерфейса
Тестирование адаптивности
Тестирование кроссбраузерности
End-to-end
тестирование
Тестирование безопасности
Тестирование безопасности
Слайд 21Релиз
Получаем готовый продукт.
Но останавливаться на этом нельзя.
Следующие шаги – СЕО,
создание семантического ядра, поддержание сайта, наполнение контентом, последующая модификация и оптимизация согласно последним стандартам.
