Воронка продаж современными средствами Html, javascript.

03.03.16

Разработка - Работа с интерфейсом

Наш ответ Чемберлену. Воронка продаж типовыми средствами 1С (без использования Html, .Net etc.) http://infostart.ru/public/192683/ это хорошо. Но на дворе 2013 год. Какие есть интернет стредства для графики в 1С?

Скачать файлы

Наименование Файл Версия Размер
Воронка продаж
.epf 11,47Kb
31
.epf 11,47Kb 31 Скачать
Воронка на УФ, передача данных в 1С при нажатии
.epf 43,05Kb
12
.epf 43,05Kb 12 Скачать

Доброго времени суток!

Задела меня статья на мисте о воронке продаж "Воронка продаж типовыми средствами 1С (без использования Html, .Net etc.)" Задела не тем, что там все хорошо и есть что изучать, а тем что большинство не изучая методы и средства конкретной реализации пытаются найти способы реализовать графику средствами исключительно внутри 1С. Не объясняя и не показывая поэтапно, как сделана эта графика. На какой библиотеке она основана и как реализована. А тайную информацию про ImageMagik читаем в руководстве администратора стр.238. Если посмотреть на эту графику 1C в веб клиенте через средства разработки браузера (есть уже во всех браузера), то легко заметим что график это просто картинка с картой нажатий usemap:

Поэтому в 1С до 8.3.3.687 графики всегда строятся на сервере и передаются картинкой. А хотелось бы равняться на современные тенденции и строить графики на клиенте передавая с сервера только данных для построения графика. Поэтому мы пойдем другим путем (В.И.). Пойдем от стандартной графики в интернете основанной на Scalable Vector Graphics (SVG) и затем ее уже будем реализовывать в 1С в поле HtmlДокумента. Для начала прочитаем вступительную статью про SVG графику например: http://ruseller.com/lessons.php?rub=28&id=1602

Итак, начнем по шагам:

  1. Сначала нарисуем эллипсы, из которых будет состоять наша воронка (из оригинала). Точнее только верхняя крышка у нас эллипс. В htmlполе надо записать в body следующий код:

    В 1С в тонком клиенте Windows 8.2(8.3) так не будет работать, в вэб клиенте все работает. В библиотеке raphaeljs для старого движка IE есть методы работы с SVG элементами. Добавляем в функцию
    var paper = Raphael(0,0,400,400);
    var ellipse = paper.ellipse(200,100,100,20).attr({ fill: "yellow", stroke: "purple", "stroke-width":1});
  2. Остальные уровни это не полные эллипсы а только нижние дуги от эллипсов. В htmlполе надо записать в body следующий код:

  3. В 1С в тонком клиенте Windows 8.2(8.3) так не будет работать, в вэб клиенте все нормально. В библиотеке raphaeljs для старого движка IE есть методы работы с SVG элементами. Добавляем в функцию
    var paper = Raphael(0,0,400,400);
    var arc = paper.path("M 100 200 A 100 20 0 1 0 300 200").attr({ fill: "none", stroke: "purple", "stroke-width":1});
  4. Теперь построим боковые стороны от верхнего полуэллипса до нижнего. В htmlполе надо записать в body следующий код:

       
    В 1С в тонком клиенте Вы сами понимаете... Добавляем в функцию и градиент раскраски для оживления (fill: "0-#f00-#400"):
    var paper = Raphael(0,0,400,400);
    var arc1 = paper.path("M 50 100 A 150 20 0 1 0 350 100 L 300 200 A 100 20 0 0 1 100 200Z").attr({ fill: "0-#f00-#400", stroke: "black", "stroke-width":1});
  5. Теперь собираем весь код для обработки (//infostart.ru/public/191248/):
    var paper = Raphael(0,0,400,400);
    var ellipse = paper.ellipse(200,100,150,20).attr({ fill: "white", stroke: "blackrple", "stroke-width":1});
    var arc1 = paper.path("M 50 100 A 150 20 0 1 0 350 100 L 300 200 A 100 20 0 0 1 100 200Z").attr({ fill: "0-#00f-#004", stroke: "black", "stroke-width":1});
    var arc1 = paper.path("M 100 200 A 100 20 0 1 0 300 200 L 300 250 A 100 20 0 0 1 100 250Z").attr({ fill: "0-#f00-#400", stroke: "black", "stroke-width":1});

    Получилось патриотично!

Да мы не рассказали, а как так волшебным образом SVG графика заработала в старом движке. Просто раньше у Microsoft развивала библиотеку VML и ее приоритетная реализация работает со старыми движками. А библиотека raphaeljs позволила нам сделать шаг от старых браузеров в новые открытые стандарты HTML.

И для очень ленивых обработка для 1С (скрипт c сайта sikuda.ru):

 

Продолжение темы http://sikuda.ru/archives/1870

SVG VLM графика HTML

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61712    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54320    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

Обработка предназначена для создания и управления дашбордами.

2400 руб.

29.06.2020    16625    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10568    745    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

Подходит для создания web-страниц для замены управляемых форм 1С, красивых отчетов, интерфейса мобильного приложения на платформе 1С и для простых страниц веб-сайтов.

2 стартмани

10.04.2023    9487    150    acces969    31    

115

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3582    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12013    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. Fragster 1137 30.08.13 11:33 Сейчас в теме
Я не понимаю людей, которые писаются с "воронки продаж"... ну сделайте вы график с областями или гистограмму - наглядность нифига не меньше будет, но при этом мы получим всю мощь СКД. А это изобретательство велосипедов - да, в качестве практики - неплохо, но в реальных решениях я бы не применял.
2. sikuda 673 30.08.13 12:28 Сейчас в теме
Проблема конечно не в воронке и не в том чтобы это тянуть ее в типовые. А в ограниченности методов СКД для построения графиков. Статья о современной графике SVG, для расширения кругозора, для ленивых, которые кроме 1С ничего не хотят знать, им просто лень зайти на http://www.highcharts.com/ и посмотреть современный уровень графики.
TreeDogNight; grimih; Ish_2; support; +4 Ответить
3. TODD22 18 31.08.13 17:20 Сейчас в теме
Статья о современной графике SVG, для расширения кругозора, для ленивых, которые кроме 1С ничего не хотят знать, им просто лень зайти и посмотреть современный уровень графики.

Да и без современной графики много работы. А толк от этих "красивых" и "современных" графиков сомнителен.
bulpi; wunderland; terrorion; +3 Ответить
4. Al-X 18.09.13 10:26 Сейчас в теме
(3) TODD22,
А толк от этих "красивых" и "современных" графиков сомнителен.

КАК сомнителен ????? А руководство как от этих "красивых" и "современных" графиков прыгает, радуется и изливает свое удовольствие !!! Да подумаешь, они (графики) руководству и не совсем нужны.. Зато красиво же !!!! )))))))))))))))))))))
TreeDogNight; sikuda; +2 Ответить
5. TODD22 18 18.09.13 12:03 Сейчас в теме
(4)И пофигу что в программе половина заявленного функционала работает с ошибками, ещё нужно реализовать +100500 всяких функций. Зато отчёты сверкают глянцем и гламуром или пестрят всеми цветами радуги как циганская кибитка.

Разумеется руководству нравятся все эти красивости... потому как назначения показателей которые выводит отчёт для них не понятны... зато красиво :)
TreeDogNight; Артано; Al-X; +3 Ответить
6. Артано 759 16.10.13 07:26 Сейчас в теме
(5) TODD22, в целом согласен, но тут
циганская кибитка
пишется через букву "ы"
7. Alex1Cnic 148 16.10.13 08:47 Сейчас в теме
8. smir 52 16.10.13 10:27 Сейчас в теме
Интересно, но надо ли это бизнесу?
10. milo1 1 03.03.16 15:38 Сейчас в теме
(8) smir, подобные вещи - это элементы бизнес аналитики.
9. PiccaHut001 26.09.14 18:21 Сейчас в теме
Ребята, чем всё закончилось? Где итоги проекта?
Оставьте свое сообщение