Программы сайт Би-би-огромен, и предназначен для прокатки архив всего, что BBC трансляций по телевидению и радио.

Первоначально выпущенный в 2007 году, теперь он имеет pages ¹ для более чем 1,6 миллионов случаев, но это едва ли половина истории.Ближайшие те эпизоды, в богатство содержания, в том числе клипы, галереи, гиды эпизода, профили персонажей и многое другое, плюс недавно реагировать дома pages ² .

Новые отзывчивые домашние страницы, известные как страницы «брендовых», присоединиться к графику и A– Z списки в более широкий реагировать восстановлению.39% пользователей (и растущий) теперь используют мобильные и планшетные устройства, чтобы посетить эти страницы;так, что делает реагировать был лучший способ служить большой опыт в everybody при сохранении веб-сайт в сопровождении .

Эта статья на примере реагировать восстановить ПРОГРАММ страниц Би-би-и это на самом деле начинается еще в 2007 году, в концепции проекта .

URLs

Основной принцип в создании потенциально огромный сайт, который будет длиться вечно, чтобы получить право информационной архитектуры в первом place.Это включает в себя зная ваши объекты данных и как они сочетаются друг с другом.Следует также определить структуру URL, который для программ является наиболее важным аспектом.Возьмите URL для домашней страницы Top Gear в:

http://www.bbc.co.uk/programmes/b006mj59

После доменное имя приходит слово “программы”, которая является простой, неизменной английское слово.Он предназначен для описания объекта, и не бренд или название продукта.Множественное используются так, чтобы URL может быть взломан назад, чтобы получить индекс .

Далее идет идентификатор программы.Обратите внимание на отсутствие иерархии и отсутствие заголовка.Названия меняются с течением времени, и многие программы не имеют уникальную title ³ , который бы вызвать столкновение.Иерархии также изменить — разовый пилот мог быть заказан для полного серии.Понимание объектов позволяет признать, что является постоянным.В этом случае ничто не является особенно гарантированно быть постоянным, так что простой идентификатор используется вместо.Люди не ожидается ввести эти URL-адреса, однако.Они, как правило, прибывают через поисковую систему или набрав в дружеской переадресации, которая была считана на воздухе, такие как bbc.co.uk/topgear ⁴ .Но основной принцип постоянного URL является то, что внутренние ссылки доверяют использоваться совместно и работать вечно. Прохладный URI, не меняются . ⁵

Четкая информация архитектура определяет URL scheme.Кусок содержание дано четкое канонический дом, в случае необходимости.Ссылки и агрегаты между ними то, очевидно, появится .

⁶
четкая информация архитектура определяет схему URL-адресов.( Большая preview ⁷ )

Это ясно, как эти данные будут нарезанный до того, каркасы притягиваются или код написан.Черные линии прямые ссылки, а красные линии ярлыки, которые мы добавим позже .

На странице бренда, мы показываем следующую информацию о программе:

• Резюме (изображение и резюме)
• Может пользователя смотреть или слушать его сейчас
• Когда она будет по телевизору или радио
• Как можно купить
• Ролики из programme
• Галереи от programme
• Редакционном куратором ссылки на контент (акции)
• Текстовая поддержки content
• Похожие links

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

⁸
Загрузка приоритет должен быть определен для сайтов с большим количеством контента.( Большая preview ⁹ )

Содержимое king ¹⁰ , так скрывая его на небольших экранах не является приемлемым.Если какое-либо содержимое может быть принесен в жертву на мобильный, то вопрос, действительно ли он принадлежит на рабочем столе, чтобы начать с.Пользователь путешествие остается одинаковой, независимо от используемого устройства .

Тем не менее, несмотря на то, содержание можетНе в жертву на мобильный, он не должен присутствовать в полном виде все время. Просто ссылка на контента могут suffice, и потому что мы уже определили URL структуру, большая часть содержания уже где-то ссылку.Таким образом, блок “клипов” на странице бренда, по умолчанию, ссылаются на это:

/programmes/:id/clips    

Это веб-чистые и минимальный жизнеспособный продукт.Если нет больше работы сделано не было, мы бы до сих пор есть что-то, что работает. Следующий этап, чтобы увидеть, может ли быть made__1 любое усиление |.Мы можем использовать технологию Java для определения размера экрана (и, возможно, других факторов), а затем решить, следует ли загрузить несколько ярлыков.По умолчанию, только ссылку показано, но с достаточным пространством, и если наличие доступен, ссылка будет заменена на карусели первых шести клипов.Эти первые шесть же шесть из /clips;это ленивый загружен контент просто ярлык (красные линии от ранее) .

/programmes/:pid/promotions