Презентация на тему SharePoint 2013 для публичных сайтов на примере ВТБ24 Великодный Дмитрий Technical Solution Professional Microsoft Клычников Никита Руководитель отдела.

Презентация на тему SharePoint 2013 для публичных сайтов на примере ВТБ24 Великодный Дмитрий Technical Solution Professional Microsoft Клычников Никита Руководитель отдела., предмет презентации: Разное. Этот материал содержит 51 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1

Слайд 2
Текст слайда:

SharePoint 2013 для публичных сайтов на примере ВТБ24

Великодный Дмитрий
Technical Solution Professional
Microsoft


Клычников Никита
Руководитель отдела SharePoint
ADV/Web-engineering co.


Слайд 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


Слайд 5
Текст слайда:



Проект веб-сайта ВТБ24




Слайд 6
Текст слайда:

Microsoft SharePoint в сети Интернет

Источник: http://www.wssdemo.com/livepivot/


Слайд 7

Слайд 8
Текст слайда:

ВТБ24 – структура сайта


Слайд 9
Текст слайда:

демонстрация

Сайт ВТБ24




Слайд 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


Слайд 12
Текст слайда:

Нагрузка на сайт

Уникальных посетителей (данные 2011 года)
2 000 000 в месяц
15 000 в часы пик
vtb24.ru остается одним из самых рейтинговых банковских сайтов российского Интернета 

Источник: http://www.vtb24.ru/news/Pages/details.aspx?newsId=8962


Слайд 13
Текст слайда:

Структура фермы сайта







WFE

SQL

WFE + APP

WFE + APP

WFE + APP

SQL



Редакторы

Пользователи



Слайд 14
Текст слайда:



Каталог продуктов




Слайд 15
Текст слайда:

Каталог продуктов

Сайт – инструмент продажи продуктов Банка
Кредиты
Ипотека
Пластиковые карты
У продукта есть интерактивные сервисы:
Калькулятор расчета параметров по продуктам
Подача заявки на продукт


Слайд 16
Текст слайда:

Сохранение структуры URL старого сайта

Зачем?
SEO
Поисковая выдача
Рекламные акции


Слайд 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

Редактирование контента и геотаргетинг










Слайд 19
Текст слайда:

Структура сайта и геотаргетинг



1

2









3

4


Слайд 20
Текст слайда:

Новое в 2013: публикация через поиск



Индекс

Управляемые метаданные

Подготовка контента
http://marketing/sites/phones

Публикация контента
http://www.contoso.com/phones

Список продуктов с описанием

Каталог продуктов

Индексирование

Запрос через поиск


Слайд 21
Текст слайда:

Новое в 2013: Навигация по метаданным

Иерархия ключевых слов в службе управляемых метаданных
Два вида страниц
Статический контент («Контакты», «О компании»...)
Динамический контент – публикация через поиск!
Поддержка «человеческих» адресов страниц и SEO
/Pages/Products.aspx?Cat=5&Type=3 -> /products/cards/gold


Слайд 22
Текст слайда:

Новое в 2013: Search Engine Optimization


Слайд 23
Текст слайда:

В итоговой разметке страницы:


content=“A list of phones" />





Слайд 24
Текст слайда:

ВТБ24 – структура сайта










Основная версия

Тема: Версия для слабовидящих

Тема: Private Banking


Слайд 25
Текст слайда:



Брэндинг сайта




Слайд 26
Текст слайда:

С чего начать?









SPField

SPField

WebControl

WebControl

WebControl

WebControl

WebControl

SPField


Слайд 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





Загрузка

Собственные мастер страницы для устройств
Панели каналов


Слайд 30
Текст слайда:

демонстрация


Design Manager




Слайд 31
Текст слайда:

ВТБ24 – структура сайта










Основная версия

Тема: Версия для слабовидящих

Тема: Private Banking

PDA версия


Слайд 32
Текст слайда:



Мобильная версия




Слайд 33
Текст слайда:

Рост количества мобильных устройств

15 миллионов смартфонов поставляется ежегодно


Слайд 34
Текст слайда:

Мобильная версия сайта ВТБ24

Структурно повторяет основной сайт
Не использует стандартные возможности мобильной версии SharePoint 2010
Контент мобильной версии редактируется на соответствующей странице основного сайта










PDA версия



Слайд 35
Текст слайда:

Мобильная версия сайта ВТБ24

Режим редактирования

Мобильная версия


Слайд 36
Текст слайда:

Как это сделано

Другой Master page (и CSS)
Другой набор Page layout
Модуль определения устройства и редиректа на мобильную страницу


Слайд 37
Текст слайда:

Новое в 2013: возможности для мобильных устройств

Каналы устройств
Мастер-страницы для различных устройств


Слайд 38
Текст слайда:

Каналы устройств

Настраиваются через веб-интерфейс
Позволяют определить для вида устройств
Мастер-страницу
Системную мастер-страницу
В разметке layout-страницы можно определять блоки для определенных видов устройств


Слайд 39
Текст слайда:

ВТБ24 – структура сайта



PDA версия


Слайд 40
Текст слайда:



Дополнительные возможности




Слайд 41
Текст слайда:

Дополнительные возможности SharePoint






Слайд 42
Текст слайда:

Калькулятор кредита

Отдел IT

Менеджер
Исполнителя

Команда
разработки


Исполнитель


Клиент

Подразделение
компании

Заявка на разработку

Заявка на разработку

Изменить расчет в калькуляторе кредита

Задача в IT

Новый релиз

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

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

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

Отдел IT


Клиент

Подразделение
компании

Загрузка
Excel-файла

Изменить расчет в калькуляторе кредита

Задача в IT

JS

C#

CSS


Слайд 43
Текст слайда:

Преимущества использования Excel Services

Задача: калькулятор кредитных продуктов
Стандартный подход
аналитик готовит расчет в виде Excel-таблицы
разработчик переписывает логику расчета на JS, C#
проводится полный цикл тестирования и публикации
С использованием Excel Services
аналитик готовит расчет в виде Excel-таблицы
разработчик пишет только интерфейс ввода/вывода (единожды на каждый тип расчета)
оператор загружает новый Excel на сайт


Слайд 44
Текст слайда:

Как это сделано – калькуляторы, заявки

Оба конструктора сделаны на базе:
Типов контента (Content Type)
Кастомных полей (Custom Field)
Заявка: набор полей, как простых так и комплекных (несколько взаимосвязных элементов)
Калькулятор: набор полей, которые взаимодействуют с Excel Services - получают и записыват данные
Для отправки сообщений в анкетах используется Event Receiver


Слайд 45
Текст слайда:

демонстрация

Демонстрация JS + Excel Services REST

Калькулятор кредита




Слайд 46
Текст слайда:

Итоги и выводы

Создание сайта – это в первую очередь бизнес-задача
Гибкое масштабирование в зависимости от задач и посещаемости сайта
Брэндинг 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


Слайд 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


Слайд 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.


Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика