1. «Ермітаж»
2. «Ермітаж» - це:
3. Редизайн «капота» - Re: Ермітаж
4. Концепція інтерфейсу управління сайтом
5. Функціонал Панелі управління в рамках концепції «1С-Бітрікс: Ермітаж
6. режим редагування
7. Мінімізований режим
8. Адміністірованіе
9. транслітерація
10. Доступ до сторінки
11. Керуйте сайтом легко і професійно!
12. Всі сили на креатив, а не на пошук кнопки!
13. Адаптивний інтерфейс - це:
14. Вбудований візуальний редактор
15. зручний інтерфейс
16. Редагування real-time
17. Підсвічування коду і нумерація рядків
18. «Cплит» -режим
19. Зручний пошук / заміна
20. Один результат у всіх браузерах
21. «Зачистка» коду при вставці
22. для розробників
23. Дійсний і коректний HTML5
24. Керованих кешування в компонентах Інфоблокі
25. «Ермітаж» для веб-розробників

Ермітаж

«Ермітаж»

- це не просто сучасний інтерфейс для управління сайтом - це концепція, що об'єднує в собі інтерфейсні рішення і «пакет» рекомендацій для веб-розробників. «Ермітаж» - це звід правил, дотримуючись яких ви створите швидкий, безпечний, зручний і легко керований веб-проект.

Завантаження плеєра

«Протягом багатьох років ми працюємо над інтерфейсом продукту, намагаючись зробити його простим і зручним для користувачів в щоденній роботі з управління сайтом. Ми так само враховуємо інтереси веб-розробників, перед якими стоїть непросте завдання - швидко створювати функціональні сайти з самими різними дизайнами.
І як би ми не сподівалися, кожен клієнт буде хотіти свій, індивідуальний дизайн і структуру сайту. І, звичайно, всі хочуть, щоб сайт відкривався швидко і міг витримати велику відвідуваність. Вирішуючи крок за кроком ці завдання, ми розробили концепцію, яка об'єднує в собі технології та інтерфейсні рішення, і назвали її «1С-Бітрікс: Ермітаж»

Генеральний директор, «1С-Бітрікс», Сергій Рижиков

«Ермітаж» - це:

1. Концепція простого інтерфейсу управління сайтом
2. Потужний функціонал Панелі управління
3. Модернізований візуальний редактор
4. Кероване кешування в компонентах Інфоблоки
5. Набір технологічних рекомендацій для веб-розробників

Редизайн «капота» - Re: Ермітаж

Інтерфейс адміністративної частини продукту - стильний і виразний, але найголовніше - зрозумілий з першого погляду, не вимагає навчання. Працювати з «адмінкой» приємно і легко. Дизайн адаптований для роботи з touchscreen-інтерфейсами мобільних пристроїв - смартфонів і планшетів.

Дизайн адміністративного розділу

Концепт дизайну розроблений компанією AIC . Smart-інтерфейс естетичний і викликає приємні емоції відразу при першому погляді на «адмінку». Навіть при побіжному знайомстві з «адмінкой» можна швидко виділити основні елементи управління, розібратися з їх роботою, значно скоротити час навчання.

Детальніше про новий інтерфейсі продукту версії 12.0

наверх

управління

Концепція інтерфейсу управління сайтом

- щоденна робота, і ми робимо все, щоб така робота приносила задоволення! У кожній новій версії продукту виконуються кроки з розвитку Панелі управління. При цьому враховується досвід використання цієї панелі як розробниками, так і клієнтами компанії «1С-Бітрікс». В результаті Панель управління вдосконалюється - знаходить не тільки новий вид, а й нові можливості.

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

Панель управління сайтом. Інтерфейс «Ермітаж»

Управління сайтом розділяється на два основні режими:

• над сайтом - робота зі змістом сайту безпосередньо «за місцем»
• адміністрування - адміністративний розділ для повнофункціонального управління всім інтернет-проектом

Функціонал Панелі управління в рамках концепції «1С-Бітрікс: Ермітаж

Зверніть увагу, що функціональність Панелі управління залежить від прав, виданих вам, як користувачу сайту. А ось перейти в розділ Адміністрування ви можете з будь-якого місця на сайті і при будь-якому режимі Панелі управління.

режим редагування

Натискаючи кнопку Режим редагування, ви переходите в режим редагування. І, що потрібно особливо відзначити - включення цього режиму ви можете налаштувати як з перевантаженням сторінки, так і без неї. Керуйте всіма елементами і компонентами на публічних сторінках! Адже режим редагування включає в себе не тільки можливість зміни поточної сторінки або елементів інформаційних блоків, таких як новини або товари в каталозі. У режимі редагування ви можете так само легко - прямо «над сайтом» - управляти компонентами, включеними в шаблон сайту і в основну робочу область конкретної сторінки.

Режим редагування включений
Контекстне меню компонента з'являється при проходженні мишки над ним. Це меню можна перенести, закріпити, уявити в вертикальному або горизонтальному вигляді. Адаптивний інтерфейс системи запам'ятає змінений вид контекстного меню для даного компонента, Сторінка, даного користувачі і наступного разу відкриє його точно такому ж вигляді і в тому ж місці.

Контекстне меню компонента

Додавайте, редагуйте і видаляйте дані компонента безпосередньо з Публічної частини сайту. Для цих дій абсолютно не потрібно переходити до Адміністративного розділ. Відредагувати або видалити будь-який з елементів списку в ви зможете за допомогою кнопок, що з'являються при наведенні мишкою на ці елементи.
Можна «відкотити» останню дію
Не потрібно боятися зробити щось не так на сторінці, оскільки у вас завжди є можливість скасування останньої дії. Ця реалізація функціоналу Кошики на вашому сайті закриває собою всі операції над його вмістом. Після додавання, зміни сторінки при необхідності ви просто скасуйте своє останнє дію.

Мінімізований режим

роботи буде зручний для тих, хто вже знає як працювати з системою. Просто поверніть Панель управління, звільнивши екранний простір. При цьому навіть згорнута Панель зберігає управлінські функції!

Мінімізований режим роботи
Ви можете працювати з Меню, оновити продукт, включити або вимкнути режим правки, скинути кеш або перейти в режим Адміністрування. Одним словом, згорнута панель продовжує залишатися функціональною! До слова, згорнути і знову розгорнути Панель можна звичним подвійним кліком.

Адміністірованіе

Адміністративний розділ продукту призначений для повнофункціонального управління всім інтернет-проектом. Робочий стіл в адміністративній частині індивідуально налаштовується, комплектується гаджетами і забезпечений системою пошуку по меню. У продукті можна створити скільки завгодно «Робочих столів».

адміністративний розділ

Розробники можуть створювати свої гаджети і потім додавати їх на свій робочий стіл. Як приклад, можна вивести за допомогою гаджетів списки останніх замовлень, новини компанії, добірки документів та інше. Прямо з «Робочого столу» працює «живий пошук» по адміністративному меню. Пошук миттєво переміщує вас до потрібного пункту меню. І при цьому не важливо, скільки меню містить секцій і вкладених гілок.

транслітерація

Ви можете не замислюватися над тим, яке ім'я файлу присвоїти якихось сторінці! І вам не потрібні програми-перекладачі, щоб перевести її назву на англійську мову. Просто створіть сторінку і задайте її заголовок - ім'я файлу отримаєте автоматично.

Транслітерація і переклад імені сторінки

Майстер створення сторінки автоматично робить транслітерацію і переклад заголовка сторінки і пропонує його в якості імені файлу документа з метою кращої пошукової оптимізації.

Доступ до сторінки

Нову сторінку на сайті не варто відразу показувати світу. Спочатку потрібно її перевірити і обговорити з колегами, а потім затвердити у керівництва. Чи не додавайте її - при створенні просто поставте «галочку» - «Обмежити доступ до сторінки». Вкажіть групи користувачів, яким ви її хочете показати - просто виділіть ці групи.

Кому ви хочете показувати сторінку?
Можливість завдання обмеження доступу до сторінки відразу при її створенні істотно полегшить роботу контент-менеджерів по роботі з контентом, який вимагає довгої роботи за погодженням, редагування.

інтерфейс

Керуйте сайтом легко і професійно!

Інтерфейс продукту «Ермітаж» адаптується до вашої щоденної роботи з сайтом, запам'ятовує ваші переваги і дозволяє витрачати менше часу на виконання технічних завдань. Інтерфейс як би «парить» над сайтом, дозволяючи вам бачити, що ви робите, і відразу показує результати.

«Паріте над сайтом, виконуйте дії легко, не втрачайте контекст роботи і відразу отримуйте видимий результат. Інтерфейс запам'ятає ваші уподобання - настройки списків, фільтри, форми введення ... І наступного разу ви витратите на це дію вже менше часу.
Використовуйте звичну кнопку «Меню» для доступу по одному кліку до всіх можливостей свого сайту. Все зрозуміло для новачків і зручно для професіоналів. Чи не ви звикаєте до сайту, а сайт звикає до вас, адаптується до ваших звичок і завданням »

Генеральний директор, «1С-Бітрікс», Сергій Рижиков

Всі сили на креатив, а не на пошук кнопки!

Щоденне управління інформацією стає більш звичним, і ви витрачаєте енергію на креативні завдання, а не на технічну публікацію сторінок, розділів і меню.

«Від версії до версії в продукті з'являється все більше функціональних можливостей, все більше дій в інтерфейсі. Ми провели величезну роботу по переробці інтерфейсу продукту, особливо для користувача панелі управління.

Новий адаптивний інтерфейс спрощує пошук потрібного дії, групує дії за ролями користувачів, виділяє найбільш часті, щоб не захаращувати робочу панель і полегшити сприйняття користувачеві ».

Вадим Думбравану, керівник проектів компанії «Бітрікс»

Адаптивний інтерфейс - це:

• Контекстне редагування - керуйте контентом безпосередньо на сайті. Якщо потрібно виправити сторінку - натисніть «Змінити» тут же. Потрібно додати розділ - натисніть «Створити». Не втрачайте контекст роботи. Новий інтерфейс як би «парить» над сайтом, дозволяючи вам бачити, що ви робите, і відразу показує результати.
• Індивідуальна адаптація під користувача - в інтерфейсі продукту запам'ятовуються останні дії, налаштування фільтрів, зручні способи подання інформації. Інтерфейс адаптується до вашої щоденної роботи і дозволяє з кожним днем ​​витрачати на неї все менше часу.
• Кнопка «Меню» - звичний і швидкий доступ по одному кліку до всіх можливостей вашого сайту. Це дуже зручно! До того ж, при переході в «Панель управління» по кнопці «Меню» запам'ятовується сторінка, звідки зроблений перехід - це не менш приємно!
• Рольова адаптація - для впевненого виконання щоденної роботи. Розробникам доступні всі інструменти для розробки і настройки сайту. Редактори сайту працюють тільки з контентом, не побоюючись порушити технічну роботу проекту. Кожен чітко виконує свою задачу.
• Майстри створення контенту допоможуть вибрати імена файлів і розділів, доповнять меню сайту і допоможуть заповнити властивості. Складні щоденні дії стають простими. Ми тільки не можемо написати за вас контент, все інше зробить за вас майстер.

Адаптивний інтерфейс створений для того, щоб:

• скоротити витрати на навчання нових користувачів - навчання не потрібно, потрібно лише час на звикання сайту до вас. Термін звикання до інтерфейсу - всього 1 годину!
• перетворити рутинні завдання в творчий процес, витрачати енергію на креативні завдання, а не на технічну публікацію сторінок, розділів і меню;
  
• скоротити час на управління сайтом, зробивши щоденне управління проектів звичним;
• зняти побоювання нових користувачів «зламати проект» і уникнути більшості помилок при управлінні контентом.

Робота над адміністративним інтерфейсом продукту триває. Всі оновлення інтерфейсу користувачі «1С-Бітрікс: Управління сайтом» можуть завантажити за технологією SiteUpdate . Про нові можливості ви завжди дізнаєтеся на сайті, а також в наших розсилках.

Візуальний редактор

Вбудований візуальний редактор

Візуальний HTML-редактор вже вбудований в продукт, і вам не потрібно його встановлювати. За допомогою цього редактора ви можете змінювати свої сторінки на сайті в режимі реального часу - прямо через браузер. Редактор дозволяє не просто правити і форматувати звичайний текст, а й працювати з візуальними компонентами.

Візуальний редактор вже вбудований в ваш сайт! Навчальний курс управління структурою всі можливості

зручний інтерфейс

Візуальний редактор включає легкий, красивий і ергономічний інтерфейс. Доброзичливі сценарії роботи редактора дозволяють зручно і швидко працювати з контентом, наприклад, вставляти посилання і картинки.
Вставка зображення Так, вставляючи в сторінку картинку, ви можете відразу ж підібрати для неї розташування і розмір. Ви відразу ж бачите, як це виглядає в тексті.

WYSIWYG (вимовляється як «ві-зи-віг», від англ. What You See Is What You Get - «що бачиш, то і отримаєш») - спосіб редагування, при якому коректований матеріал в процесі редагування виглядає в точності так само, як і кінцевий результат.

Редагування real-time

Додайте компоненти на сторінці, просто перетягнувши їх мишею зі спеціальною панелі, тут же налаштуйте їх параметри, які як раз і задають зовнішній вигляд інформації, динамічно мінливої ​​на вашому сайті.
Візуальний редактор: правка параметрів компонента Редактор володіє великими коштами редагування сторінок
Зручний механізм пошуку допомагає в одну мить знайти необхідний компонент для розміщення на сторінці. При копіюванні тексту з Мережі і інших джерел, наприме, Word, код «зачищається» від надлишкових тегів. Більш того, цей вставляється код стає дійсним і коректним кодом HTML5. При цьому результат роботи редактора завжди однаковий - якою б браузер ви не використали!

За підсумками обробки користувальницьких побажань редактор постійно допрацьовується. Виконувати в ньому багато операцій і працювати над створенням сторінок і форматуванням текстів зручно!

Підсвічування коду і нумерація рядків

Дуже комфортно редагувати сторінки як PHP, тому що вбудований в систему редактор підсвічує код і нумерує рядки. А самі сторінки зберігаються «Аяксова» «на очах» - без перезавантаження сторінки і без втрати фокусу!

Темна схема редактора

• підсвічування синтаксису HTML + PHP + Javascript + SQL;
• підсвічування відключається, і відключити її можна без перезавантаження сторінки;
• 2 колірні теми - світла і темна;
• швидкий перехід на рядок по її номеру;
• Tab / Shift + Tab для вставки і скасування табуляції.

Управління інформацією - щоденна робота, ми робимо все, щоб така робота приносила задоволення!

«Cплит» -режим

Тепер у вашого редактора є 2 повноцінних «спліт» -режимі - вертикальний і горизонтальний. Це дуже зручно - працювати в суміщеному режимі.
Вертикальний спліт-режим Ви можете одночасно бачити код сторінки і її відображення. Ви можете вносити правки в будь-якій частині вікна - візуально редагувати сторінку або змінити її код.

Split - поділ вікна на дві частини - візуальне редагування і редагування коду.

Зручний пошук / заміна

У редактор вбудований зручний пошук / заміна - мрія будь-якого контент-менеджера. Тепер ви можете, наприклад, в одну мить знайти необхідний компонент і «перетягнути» його на сторінку. Вам не потрібно згадувати, де він знаходиться в структурі компонетов. Це особливо цінно при наявності великого числа використовуваних компонентів.
Пошук по компонентам

Один результат у всіх браузерах

Вбудований в продукт візуальний редактор сумісний з усіма популярними браузерами. Редактор працює однаково коректно у всіх популярних браузерах і використовує одні й ті ж функції для роботи. Ви можете правити сторінки на сайті в будь-якому з браузерів - результат буде однаковим.

«Зачистка» коду при вставці

Редактор обробляє вставку тексту з різних джерел з автоматичним чищенням вмісту. При копіюванні тексту, наприклад, з Word, код приводиться до HTML5. З коду видаляються всі зайві - незначні теги.
Текст був скопійований з Word

для розробників

Веб-розробники оцінять реалізацію функціоналу панелі компонентів і панелі сніпетів (в один слайд). Також вони отримують можливість кастомізації на рівні JS і розширену подієву модель.

Дійсний і коректний HTML5

HTML5 не просто наступає, а вже настав. З вашим вбудованим в систему візуальним редактором не потрібно піклуватися про валідності і коректності коду сторінок на вашому сайті. Редактор генерує саме такий код, який правильно сприймається сучасними браузерами.
Не потрібно вручну писати правильний код Цей редактор вбудований в ваш сайт, і вашому контент-менеджеру можна не замислюватися про те, які структурні елементи використовуються для розмітки текстів.

Навіщо вам потрібен валідний HTML5
Плюси переходу на валідний HTML5 безсумнівні, вони давно обговорюються веб-розробниками (наприклад, тут ). Також в Мережі ви можете знайти інформацію і про те, що таке «Дійсний HTML5» (наприклад, в цій статті ).

кешування

Керованих кешування в компонентах Інфоблокі

Ви не придется тиснути на кнопку поновлень кеша и оновлюваті кеш Сторінки, щоб Побачити якісь Зміни на сайті! Відредагуєте або додасть новина, товар в каталозі або будь-який Інший елемент інформаційного блоку - и відразу побачим результати роботи!

Автоуправляемое кешування в налаштування компонента

Все це Завдяк новій технології керованого кешування (Сache Dependencies), яка як раз и служити для зручної роботи контент-редактора и автоматичного оновлення Даних у разі їх Зміни. Ця технологія дозволяє відображати зміни на сайті, не чекаючи оновлення кеша, яке виробляється системою в задані періоди часу. Ось чому це одна з найважливіших технологічних складових зручної роботи користувачів з сайтом. Детальніше про технологію
Серед рекомендацій для веб-розробників:

• Рекомендуємо для прискорення роботи сайту та масштабування проекту підтримувати технологію Автокешірованія і використовувати Керований кешування - технологію Сache Dependencies .
• Під час налаштування компонентів бажана обов'язкова установка в параметрах компонента значення Авто + Кероване з великим часом кешування (1-12 місяців в разі, якщо ви повністю працюєте за технологією Сache Dependencies).

розробник

«Ермітаж» для веб-розробників

Концепція «Ермітаж» включає цілий набір технологічних рекомендацій для веб-розробників. Це значний список, який містить рекомендації щодо «правильного» створення своїх додатків. Це ермітаж-концепція для розробників, що показує, як саме потрібно розробляти програми для платформи «Бітрікс». Розробляти так, щоб ці програми забезпечували зручність і простоту роботи в інтерфейсі «Ермітаж». Більшість з таких рекомендацій добре відомі досвідченим розробникам.

Рекомендації для веб-розробників:

• Дизайн. Виконується відповідно до. Особливо в тих моментах, які стосуються створення свого шаблону дизайну і його застосування. Ми постаралися розробити інтерфейси управління так, щоб не обмежувати веб-розробників в варіантах верстки та дизайні.
• У шаблоні сайту рекомендується використовувати стандартні компоненти меню з кешуванням. ()
• Рекомендується створювати сайт з використанням. Або використовувати стандартні компоненти, або для цілей проекту створювати індивідуальні компоненти під його специфічні потреби.
• Рекомендуємо при налаштуванні зовнішнього вигляду. Це забезпечить їх збереження при оновленні продукту. Скопіювати шаблон можна безпосередньо з публічного інтерфейсу в режимі редагування. У компонента може бути неограніченyое число шаблонів.
• Рекомендуємо, якщо модифікується компонент «1С-Бітрікс» або створюється свій компонент - створювати його.
• При розробці компонентів можна враховувати.
• Використання рекомендується у випадках створення складного функціоналу або багатосторінкових уявлень, коли ув'язка одиночних компонент буде представляти складність для користувачів.
• Рекомендуємо для прискорення роботи сайту та масштабування проекту підтримувати технологію Автокешірованія і використовувати Керований кешування - технологію.
• Під час налаштування компонентів бажана обов'язкова установка в параметрах компонента значення Авто + Кероване з великим часом кешування (1-12 місяців в разі, якщо ви повністю працюєте за технологією Сache Dependencies).
• Бажано, щоб в режимі Автокешірованія компонент не виконував запитів до бази даних або виконував тільки ті запити, кешування яких є нераціональним.
  
• По можливості бажана підтримка для цілей пошукової оптимізації.
• Рекомендується підтримка управління елементами списків через API продукту. Це дозволить користувачам редагувати і видаляти елементи прямо на сторінках сайту.
  
• Рекомендується оформляти великі розробки в власні модулі з API і включенням в них своїх компонентів. З подальшим розміщенням їх в MarketPlace і можливістю поновлення за технологією SiteUpdate. ()
• Рекомендується використання API платформи для роботи з об'єктами системи. Вкрай небажані прямі запити до бази даних. Це може привести до несумісності оновлень продукту з реалізацією партнера.
• Збереження цілісності ядра продукту і використання наших рекомендацій при реалізації проекту для забезпечення можливості оновлення продукту за технологією оновлення SiteUpdate. Використовуйте систему внутрішніх подій, для зміни логіки роботи продукту або запитуйте поява нових подій. (

Розробка сайту відповідно до наведених рекомендацій забезпечить принципово важливі для клієнтів моменти: зручність управління, можливість оновлюватися, високу продуктивність і безпеку проекту.