Никита
Руководитель отдела SharePoint
ADV/Web-engineering co.
- Главная
- Разное
- Дизайн
- Бизнес и предпринимательство
- Аналитика
- Образование
- Развлечения
- Красота и здоровье
- Финансы
- Государство
- Путешествия
- Спорт
- Недвижимость
- Армия
- Графика
- Культурология
- Еда и кулинария
- Лингвистика
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Детские презентации
- Информатика
- История
- Литература
- Маркетинг
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
SharePoint 2013 для публичных сайтов на примере ВТБ24 Великодный Дмитрий Technical Solution Professional Microsoft Клычников Никита Руководитель отдела. презентация
Содержание
- 2. SharePoint 2013 для публичных сайтов на примере
- 3. Трек: SharePoint, Project и Visio -
- 4. О чем расскажем Проект веб-сайта ВТБ24 Каталог
- 5. Проект веб-сайта ВТБ24
- 6. Microsoft SharePoint в сети Интернет Источник: http://www.wssdemo.com/livepivot/
- 8. ВТБ24 – структура сайта
- 9. демонстрация Сайт ВТБ24
- 10. Задача публикации контента enterprise-уровня Обновить
- 11. Структура проекта Проектная команда (разработка) 1 менеджер
- 12. Нагрузка на сайт Уникальных посетителей (данные 2011
- 13. Структура фермы сайта
- 14. Каталог продуктов
- 15. Каталог продуктов Сайт – инструмент продажи продуктов
- 16. Сохранение структуры URL старого сайта Зачем? SEO Поисковая выдача Рекламные акции
- 17. Какие есть варианты в SharePoint 2010 Создание
- 18. Режим редактирования: center.aspx Режим редактирования: russia.aspx Редактирование
- 19. Структура сайта и геотаргетинг 1
- 20. Новое в 2013: публикация через поиск
- 21. Новое в 2013: Навигация по метаданным Иерархия
- 22. Новое в 2013: Search Engine Optimization
- 23. В итоговой разметке страницы: …
- 24. ВТБ24 – структура сайта
- 25. Брэндинг сайта
- 26. С чего начать?
- 27. Выбор правильных инструментов
- 28. Веб-дизайн в SharePoint 2010 Макет CSS HTML
- 29. Веб-дизайн в SharePoint 2013 Авто-преобразо-вание Галерея фрагментов
- 30. демонстрация Design Manager
- 31. ВТБ24 – структура сайта
- 32. Мобильная версия
- 33. Рост количества мобильных устройств 15 миллионов смартфонов поставляется ежегодно
- 34. Мобильная версия сайта ВТБ24 Структурно повторяет основной
- 35. Мобильная версия сайта ВТБ24 Режим редактирования Мобильная версия
- 36. Как это сделано Другой Master page (и
- 37. Новое в 2013: возможности для мобильных устройств Каналы устройств Мастер-страницы для различных устройств
- 38. Каналы устройств Настраиваются через веб-интерфейс Позволяют определить
- 39. ВТБ24 – структура сайта PDA версия
- 40. Дополнительные возможности
- 41. Дополнительные возможности SharePoint
- 42. Калькулятор кредита Отдел IT Менеджер Исполнителя
- 43. Преимущества использования Excel Services Задача: калькулятор кредитных
- 44. Как это сделано – калькуляторы, заявки Оба
- 45. демонстрация Демонстрация JS + Excel Services REST Калькулятор кредита
- 46. Итоги и выводы Создание сайта – это
- 47. Дополнительные материалы Материалы по SharePoint 2013 Для
- 48. Приходите к нам работать Крутые проекты на
- 49. Обратная связь Ваше мнение очень важно
- 50. Вопросы и контактная информация Код сессии: SPV
- 51. © 2012 Microsoft Corporation. All rights reserved.
SharePoint 2013 для публичных сайтов на примере ВТБ24 Великодный Дмитрий Technical Solution Professional Microsoft Клычников Никита Руководитель отдела SharePoint ADV/Web-engineering co.
Слайд 2SharePoint 2013 для публичных сайтов на примере ВТБ24
Великодный Дмитрий
Technical Solution Professional
Microsoft
Клычников
Слайд 3
Трек: SharePoint, Project и Visio - инструменты эффективной совместной работы
SPV 202
SharePoint 2013: обзор
SharePoint
Project, Visio
SPV 104 Обзор возможностей
Visio 2013
SPV 203 Обзор возможностей нового Project
Лабораторные работы
SPV 308 Приложения Microsoft Office 2013/ SharePoint 2013 и 1С – новые возможности
SPV 307 SharePoint 2013 для публичных сайтов на примере ВТБ24
SPV 306 Контроль над каталожными приложениями в SharePoint 2013
SPV 305 SharePoint 2013. Что нового для разработчиков?
SPV 201 ILL Введение в разработку приложений Sharepoint 2013 и Office 2013 с помощью технологии NAPA
SPV 202 ILL Новые возможности управления корпоративным контентом в SharePoint 2013
BIN 201 ILL Бизнес-аналитика своими руками с использованием Visio 2013 и SharePoint 2013
Слайд 4О чем расскажем
Проект веб-сайта ВТБ24
Каталог продуктов
Брэндинг сайта
Design Manager – новый подход
к кастомизации
Мобильные устройства
Device Channels – одни данные, разный UIX
Интеграция с MS Office
Сценарии использования Excel Calculation Services
Мобильные устройства
Device Channels – одни данные, разный UIX
Интеграция с MS Office
Сценарии использования Excel Calculation Services
Слайд 10Задача публикации контента enterprise-уровня
Обновить описание продукта
Отдел IT
Менеджер
Исполнителя
Команда
разработки
Изменение
через UI
Изменение
через релизы
Конфигурационные файлы
Настройки
Изменение логики JS
Изменение стилей
Исполнитель
Клиент
Данные
Подразделение
компании
Подразделение
компании
Подразделение
компании
Внесение изменений
Обновить расчеты калькулятора
Добавить новое поле в анкету
Задача в IT
Заявка на изменения
Заявка на изменения
Новый релиз
Заявка на разработку
Заявка на разработку
Добавить новый сервис
Задача в IT
Новый релиз
Предоставить больше контроля продвинутым пользователям
Конструктор Заявок
Конструктор Калькуляторов
Слайд 11Структура проекта
Проектная команда (разработка)
1 менеджер
1 проектировщик
1 дизайнер
1 архитектор
3 разработчика, 1 администратор:
.NET, SharePoint
1 front-end разработчик: CSS, XSLT, JavaScript
2 тестировщика
Ведение проекта по Agile
4 площадки: разработка, тестирование, STAGE, PROD
1 front-end разработчик: CSS, XSLT, JavaScript
2 тестировщика
Ведение проекта по Agile
4 площадки: разработка, тестирование, STAGE, PROD
Слайд 12Нагрузка на сайт
Уникальных посетителей (данные 2011 года)
2 000 000 в месяц
15 000 в часы пик
vtb24.ru остается одним из самых рейтинговых банковских сайтов российского Интернета
Источник: http://www.vtb24.ru/news/Pages/details.aspx?newsId=8962
Слайд 15Каталог продуктов
Сайт – инструмент продажи продуктов Банка
Кредиты
Ипотека
Пластиковые карты
У продукта есть
интерактивные сервисы:
Калькулятор расчета параметров по продуктам
Подача заявки на продукт
Калькулятор расчета параметров по продуктам
Подача заявки на продукт
Слайд 17Какие есть варианты в SharePoint 2010
Создание вебов (SPWeb)
{siteurl}/catalog/
{siteurl}/catalog/Pages/default.aspx
Создание папок в библиотеке
{siteurl}/Pages/catalog/
{siteurl}/Pages/catalog/default.aspx
Собственный
модуль UrlRewrite
http://vtb24.ru/personal/cards/debit/classic/
Слайд 18Режим редактирования: center.aspx
Режим редактирования: russia.aspx
Редактирование контента и геотаргетинг
Слайд 20Новое в 2013: публикация через поиск
Индекс
Управляемые метаданные
Подготовка контента
http://marketing/sites/phones
Публикация контента
http://www.contoso.com/phones
Список продуктов с
описанием
Каталог продуктов
Индексирование
Запрос через поиск
Слайд 21Новое в 2013: Навигация по метаданным
Иерархия ключевых слов в службе управляемых
метаданных
Два вида страниц
Статический контент («Контакты», «О компании»...)
Динамический контент – публикация через поиск!
Поддержка «человеческих» адресов страниц и SEO
/Pages/Products.aspx?Cat=5&Type=3 -> /products/cards/gold
Два вида страниц
Статический контент («Контакты», «О компании»...)
Динамический контент – публикация через поиск!
Поддержка «человеческих» адресов страниц и SEO
/Pages/Products.aspx?Cat=5&Type=3 -> /products/cards/gold
Слайд 27
Выбор правильных инструментов
Master Page
WebPart Zone
SPField
WebPart
WebControl
Набор стандартных полей
Экраны просмотра/редактирования поля
Набор инструментов для
редактирования
Хранение данных поля
Хранение данных поля
Набор стандартных веб-частей
Возможность перемещения, добавления, удаления, настройки ползователями
Экраны просмотра/редактирования
Интерфейс для изменения настроек
Возможность добавлять свои настройки
Хранение данных
Не перегружены избыточным функционалом и разметкой (как веб-части)
Рассмотрите для публичных сайтов
Нужно писать свой интерфейс для редактирования и хранения настроек
PageLayout
Слайд 28Веб-дизайн в SharePoint 2010
Макет
CSS
HTML
Интеграция c лентой (Ribbon)
Создание мастер-страниц
Собственное управление версиями сайта
для устройств
Создание
шаблонов страниц (PageLayouts)
Dreamweaver
SharePoint Designer / Visual Studio
Собственная навигация
Брендинг
собственных компонентов
Брендинг
стандартных компонентов
Слайд 29Веб-дизайн в SharePoint 2013
Авто-преобразо-вание
Галерея фрагментов
Настройки каналов
SharePoint
Dreamweaver
Лента
Placeholder Main
Custom Minimal Master
Просто работает!
Навигация
Основные страндартные
элементы (поск, веб-части)
Макет
CSS
HTML
Загрузка
Собственные мастер страницы для устройств
Панели каналов
Слайд 31ВТБ24 – структура сайта
Основная версия
Тема: Версия для слабовидящих
Тема: Private Banking
PDA версия
Слайд 34Мобильная версия сайта ВТБ24
Структурно повторяет основной сайт
Не использует стандартные возможности мобильной
версии SharePoint 2010
Контент мобильной версии редактируется на соответствующей странице основного сайта
Контент мобильной версии редактируется на соответствующей странице основного сайта
PDA версия
Слайд 36Как это сделано
Другой Master page (и CSS)
Другой набор Page layout
Модуль определения
устройства и редиректа на мобильную страницу
Слайд 37Новое в 2013: возможности для мобильных устройств
Каналы устройств
Мастер-страницы для различных устройств
Слайд 38Каналы устройств
Настраиваются через веб-интерфейс
Позволяют определить для вида устройств
Мастер-страницу
Системную мастер-страницу
В разметке layout-страницы
можно определять блоки для определенных видов устройств
Слайд 42Калькулятор кредита
Отдел IT
Менеджер
Исполнителя
Команда
разработки
Исполнитель
Клиент
Подразделение
компании
Заявка на разработку
Заявка на разработку
Изменить расчет
в калькуляторе кредита
Задача в IT
Новый релиз
Тестирование
Тестирование
Тестирование
Отдел IT
Клиент
Подразделение
компании
Загрузка
Excel-файла
Изменить расчет в калькуляторе кредита
Задача в IT
JS
C#
CSS
Слайд 43Преимущества использования Excel Services
Задача: калькулятор кредитных продуктов
Стандартный подход
аналитик готовит расчет в
виде Excel-таблицы
разработчик переписывает логику расчета на JS, C#
проводится полный цикл тестирования и публикации
С использованием Excel Services
аналитик готовит расчет в виде Excel-таблицы
разработчик пишет только интерфейс ввода/вывода (единожды на каждый тип расчета)
оператор загружает новый Excel на сайт
разработчик переписывает логику расчета на JS, C#
проводится полный цикл тестирования и публикации
С использованием Excel Services
аналитик готовит расчет в виде Excel-таблицы
разработчик пишет только интерфейс ввода/вывода (единожды на каждый тип расчета)
оператор загружает новый Excel на сайт
Слайд 44Как это сделано – калькуляторы, заявки
Оба конструктора сделаны на базе:
Типов
контента (Content Type)
Кастомных полей (Custom Field)
Заявка: набор полей, как простых так и комплекных (несколько взаимосвязных элементов)
Калькулятор: набор полей, которые взаимодействуют с Excel Services - получают и записыват данные
Для отправки сообщений в анкетах используется Event Receiver
Кастомных полей (Custom Field)
Заявка: набор полей, как простых так и комплекных (несколько взаимосвязных элементов)
Калькулятор: набор полей, которые взаимодействуют с Excel Services - получают и записыват данные
Для отправки сообщений в анкетах используется Event Receiver
Слайд 46Итоги и выводы
Создание сайта – это в первую очередь бизнес-задача
Гибкое масштабирование
в зависимости от задач и посещаемости сайта
Брэндинг SharePoint’а не сложнее, чем большинства других CMS
При разработке надо учитывать разнообразие платформ и устройств
Для задач enterprise-уровня SharePoint имеет преимущество перед другими CMS
Брэндинг SharePoint’а не сложнее, чем большинства других CMS
При разработке надо учитывать разнообразие платформ и устройств
Для задач enterprise-уровня SharePoint имеет преимущество перед другими CMS
Слайд 47Дополнительные материалы
Материалы по SharePoint 2013
Для разработчиков: http://bit.ly/UFMspq
Для IT Pro: http://bit.ly/10zK7As
Публикация на
основе поиска: http://bit.ly/10zJMhc
Пример использования Design Manager: http://bit.ly/TjBlkR
Wiki Pages vs Web Part Pages vs Publishing Pages http://bit.ly/S4MHtQ
API Excel Services: http://bit.ly/SlUvag
Пример использования Design Manager: http://bit.ly/TjBlkR
Wiki Pages vs Web Part Pages vs Publishing Pages http://bit.ly/S4MHtQ
API Excel Services: http://bit.ly/SlUvag
Слайд 48Приходите к нам работать
Крутые проекты
на SharePoint
Возможность
прокачаться
Проекты-призеры
Более 10
SharePoint-монстров
в команде
High Load
Публичные
сайты
Интранет
как фейсбук
staff@adv.ru
Рейтинг
Рунета
Золотой сайт
Слайд 49Обратная связь
Ваше мнение очень важно для нас. Пожалуйста, оцените сессию,
заполните анкету и сдайте ее при выходе из зала
Спасибо!
Спасибо!
Слайд 50Вопросы и контактная информация
Код сессии: SPV 307
Великодный Дмитрий
Technical Solution Professional, Microsoft
dvelik@microsoft.com
Клычников
Никита
Руководитель отдела SharePoint, ADV/Web-engineering co.
klychnikov@adv.ru
Руководитель отдела SharePoint, ADV/Web-engineering co.
klychnikov@adv.ru
Слайд 51© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista
and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.
