Разработка web-сайта для инициативной группы ММСТ (Министерства молодёжи, спорта и туризма ДНР)

Инициативная группа – это?

Инициативная группа - это молодёжное объединение, созданное при

Цель инициативной группы

«Объединение активной молодёжи всей республики для создания площадки, на

Цели сайта

Рассказать об Инициативной группе всей республике
Осветить деятельность, новости
Привлечь активную молодёжь
Воплотить

Анализ целевой аудитории

Страна
Возраст
Устройство

Аналогичные сайты

https://ais.fadm.gov.ru/

http://www.russia2017.com

Плюсы и минусы аналогов

Плюсы

Информативность
Адаптивность

Минусы

Оптимизация
Подача информации
Кроссбраузерность
Интерфейс, дизайн

Отталкивающий интерфейс

Особенности дизайна

Модули

Авторизация
Профиль пользователя
Оповещения, сообщения
Блог, лента, проекты
Сообщества

Выбор инструментов

HTML5
CSS3 (SCSS, Autoprefixer)
PHP 5.6 (Kohana)
JS (Angular.js)
MySQL

Выбор архитектуры

Паттерн – HMVC (Hierarchical Model View Controller)
PHP фреймворк – Kohana 3.3
JS

Этапы реализации

Сбор данных, аналитика
Разработка макетов
Вёрстка страниц
Настройка, реализация функционала
Тестирование
Внесение поправок и релиз

Медиа

Изображения – jpg, png, svg
Видео – MP4
Аудио – MP3
HTML5 video/audio +

Версия для печати

Для каждой страницы, несущей необходимую пользователю информацию, будет автоматически

Адаптивность

320px – 768px
769px – 1000px
1001px – 1366px
1367px - …

Кроссбраузерность

Использование PostCSS - постпроцессора Autoprefixer.
Поддержка последних 5 версий всех браузеров.

Безопасность

Гибкая настройка роутинга
Защита от sql-инъекций (ORM – Object-Relational Mapping)
Защита от CSRF

Оптимизация

Оптимизация кода
Оптимизация изображений (svg в том числе)
Оптимизация скриптов

Тестирование

Тестирование CRUD-операций (Create / Read / Update / Delete)
Тестирование интерфейса
Тестирование адаптивности
Тестирование кроссбраузерности
End-to-end