HTML5 и 1С

Новости с сайта http://sikuda.ru/archives/1640

К санкциям готов!

Доброго времени суток! Санкции на иностранное коммерческое программное обеспечение все ближе и ближе. И надо же с этим что-то делать.

Итак подготавливаемся к импортозамещению коммерческого иностранного программного обеспчения.

Дистрибутив Linux Mint 17. Xfce. Windows 7,8,10 1С 8.3 локальные базы. Лицензирование NFC. wine для установки 1С дистрибутивов В дистрибутиве: LibreOffice 4.2.6.3 – Microsoft Office 2013 apache2 php 5.3 И конечно wordpress 4.0 для локальной копии блога.

Новости с сайта http://localhost/sikuda.ru/zhizn-na-marse-i-activex-v-tonkom-kliente-windows-1c-do-8-3-4/

Жизнь на Марсе и ActiveX в тонком клиенте Windows 1C до 8.3.4

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

Есть ли жизнь на Марсе, это пусть исследуют ученые, а мы займемся земными вещами и попытаемся ответить на вопрос: Если ActiveX в тонком клиенте Windows?

Ортодоксы 1С сразу приведут ссылку на its: http://its.1c.ru/db/metod81#content:3266:1 и будут неправы.

Мы люди недоверчевые, словам не верим. И погрузимся немного в историю ActiveX. Взлет и падение ее уже состоялся и было признано на всех уровнях, что эта технология не безопасная. Сама 1С не применяет ее в своих типовых решениях и технологиях на ‘Управляемых формах”. Но если суслика не видно, это еще ничего не значит…

Заглянем в год этак 2009, кодга 1с выпустила первую версию 1С 8.2. Все очень много говорили про интерфейс и мало кто понял, что интернет технологии пришли и в 1С. Да именно тогда фирма 1С взяла движок IE7 (WebControls) и начала развивать управляемые формы. О вэб стандартах еще не думали, а монополизация рынка превышает самые смелые ожидания.

Сейчас глядеть в старые версии IE, уже не модно и не нужно, но историю надо знать. В IE7 мир ActiveX хотели сделать более безопасными и поэтому ввели два понятия: - Безопасные ActiveX – очень безопасные. от известных производителей (см. ниже) работают везде. - KillBit – установлен для убийственнo небезопасные ActiveX (пример – ADODB.Stream) отключаем по умолчанию. И в сам движок IE добавили безопасный режим выполнения – http://msdn.microsoft.com/en-us/library/bb250462%28v=vs.85%29.aspx#wpm_fliwl

Вот этим всем и пользуется 1С в своем тонком клиенте Windows! А вы ожидали webkit или blink. Я вместе с Вами.

Приведем список самых популярных безопасных ActiveX:

MS Media player 9 – 6BF52A52-394A-11d3-B153-00C04F79FAA6

MS Media player 6.4 – 22D6f312-B0F6-11D0-94AB-0080C74C7E95

Adobe Player – D27CDB6E-AE6D-11cf-96B8-444553540000

Adobe PDF – CA*A9780-280D-11CF-A24D-444553540000

Они у вас включены по умолчанию. Не доверяйте – поверьте.

Если вы не доверяете ActiveX  на своем компьютере, можно их временно отключить http://support.microsoft.com/kb/240797/ru или удалить http://support.microsoft.com/kb/154850/ru

  Р.S.

1С последнее время упорно лезет в интернет.  Уже предлагая использовать только своего тонкого клиента 1С. А если она такая популярная, то сразу возникает вопрос с безопасностью такой работы. С другой стороны Все мы привыкли считать Windows не безопасной системой. А антивирус и другая защита у нас входит в обязательный комплект установки, после покупки компьютера. И хотя в плане безопасности Microsoft сделала правильные шаги, осадочек остался.

Новости с сайта http://sikuda.ru/vklyuchite-zvuk-pozhaluysta/

Включите звук, пожалуйста.

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

Просматривая возможности вывода звука в html5 http://w3schools.com/html/html5_audio.asp я задумался как с этим делом обстоит дело в 1С.

Начнем по порядку.

1. Когда в 1С не было управляемых форм, вывод звука основывался на системных вызовах Windows. Можно было зарегистрировать специальный ActiveX и вызвать его специальную функцию. Например в http://infostart.ru/public/85155/ используется DynamicWrapperX и следующий код:

Попытка DynamicWrapper =Новый COMОбъект("DynamicWrapperX"); Исключение Объект=ПолучитьМакет("dynwrapx"); Объект.Записать(КаталогВременныхФайлов() +"dynwrapx.dll"); КомандаСистемы("regsvr32 dynwrapx.dll",КаталогВременныхФайлов() ); Предупреждение("Поздравляю теперь и тебя появился звук в 1С"+ Символы.ПС +"Запустите обработку заново", 5); Закрыть(); КонецПопытки; DynamicWrapper.Register("winmm.dll", "sndPlaySoundA", "i=su");

Легко заметить, что данная библиотека может зарегистрировать функции не только работы со звуком. И возникает большая опасность, что это может использоваться не только в благих целях. С другой стороны в тонком клиенте или web клиенте доступ к таким компонентам ограничен. И пользоваться системным вызовом Windows из браузера неправильно с точки зрения безопасности.

2. Поэтому вооружившись средствами интеренета, будем воспроизводить звуки в 1С. Тэг это хорошо, но в тонкой клиент его не поймет. Специально для тонкого клиента 1С используем старый тэг для IE .

<BGSOUND id=sound balance=0 volume='-5000'></BGSOUND> ... <script> ... document.all.sound.volume=0 document.all.sound.src = url; </script>

Мы можем хранить звук в виде макетов двоичных данных. И использовать их внутри HTML поля.

Данные = ОбъектОбработка.ПолучитьМакет("sound_ball"); АдресЗвука = ПоместитьВоВременноеХранилище(Данные); ... url = '"+АдресЗвука+"'

3. А как нам работать в вэб клиенте? Правильно, в вэб клиенте 1С работает все по другому. Возьмем в руки тэг и попробуем протащить его через макет двоичных данных выше описанным методом. И получим большой облом. Да в 1С все хитро. Но нам не привыкать.

4. Надо превратить звук в текст. Скажите сказки. Нет читаем спецификации и доделываем.

<audio src='data:audio/mpeg;base64....Данные звука.....'></audio>

Новости с сайта http://sikuda.ru/gradientyi-gradientyi-a-ya-malenkiy-takoy/

Градиенты градиенты, а я маленький такой.

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

Рисование графики в 1С с помощью javascript библиотеки Raphael затягивает. И сегодня мы более подробно осветим тему заполнение цветом различных фигур и использовании градиентов.

Начальная обработка дя 1С:

DownloadLogin Required

  А теперь в поле для заполнения код вставим:

var paper = Raphael(0, 0, 640, 480); var ball = paper.circle(200,200,150,150); ball.attr({'fill': 'red'});

Ну подумаешь красный шар. Эка невидаль. Его нарисовать можно и другими средствами. Их целый вагон. Хорошо. А теперь последнюю строку заменим на другую:

ball.attr( {'fill': 'r(0.25, 0.75)#f00-#400'});

Нравиться мне такая магия. Всего одна строка и немного чисел, а вид стал приятный для глаз.

В документации к Raphael написано:

Линейный градиент пишется в формате: “‹угол›-‹цвет›[-‹цвет›[:смещение (‹offset›]]*-‹цвет”, например: “90-#fff-#000” – наклон 90° градиент от белого к черному или “0-#fff-#f00:20-#000” – наклон 0° градиент от белого через красный (на 20%) до черного. Радиальный градиент записывается: “r[(‹fx›, ‹fy›)]‹цвет›[-‹цвет›[:смещение (‹offset›]]*-‹цвет”, например: “r#fff-#000” – градиент от белого к черному или “r(0.25, 0.75)#fff-#000” градиент от белого до черного с точки фокусировки на 0.25, 0.75. Точка фокуса координаты находятся в диапазоне 0..1. Радиальные градиенты могут быть применены только к кругу и эллипсу.

Это достаточно для работы, но в современных сложных технологиях надо понимать основы. Поэтому посмотрим на чем основана такая раскраская элементов. Посмотрим исходный код в браузере IE10: Created with Rapha?l 2.1.0

<svg xmlns=”http://www.w3.org/2000/svg” style=”left: 0px; top: 0px; overflow: hidden; position: absolute;” width=”640″ height=”480″ version=”1.1″ xmlns=”http://www.w3.org/2000/svg”><desc>Created with Rapha?l 2.1.0</desc> <defs> <radialGradient id=”0r_0.25__0.75__f00-_400″ fx=”0.25″ fy=”0.75″> <stop stop-color=”#ff0000″ offset=”0%” /> <stop stop-color=”#440000″ offset=”100%” /> </radialGradient> </defs> <circle style=”opacity: 1; fill-opacity: 1;” opacity=”1″ fill=”url(#0r_0.25__0.75__f00-_400)” fill-opacity=”1″ stroke=”#000″ cx=”200″ cy=”200″ r=”150″ /> </svg>

Здесь я советую на будущее погрузиться и узнать немного о CSS3 и SVG для градиентов: htmlbook, www.w3schools.com

  И сделаем имитацию, как это работает внутри тонкого клиента 1С. Переустанавливаем(F12) режим браузера в совместимый и режим документов в IE7:

<?xml:namespace prefix = “rvml” ns = “urn:schemas-microsoft-com:vml” /> <rvml:shape style=”HEIGHT: 1px; POSITION: absolute; LEFT: 0px; FILTER: ; TOP: 0px; WIDTH: 1px” raphael=”true” raphaelid=”0″ coordsize = “21600,21600″ filled = “t” fillcolor = “red” stroked = “t” strokecolor = “black” path = ” ar1080000,1080000,7560000,7560000,4320000,1080000,4320000,1080000 x e”><rvml:stroke opacity = “1″ miterlimit = “8″></rvml:stroke> <rvml:skew on = “t” matrix = “1,0,0,1,0,0″ offset = “-.5,-.5″></rvml:skew> <rvml:fill rotate=”false” type = “gradientTitle” color2 = “#400″ angle = “0″ focus = “100%” focusposition = “.25,.75″ focussize = “0,0″ method = “none” colors = “0 red”></rvml:fill> </rvml:shape>

Технологии Microsoft VML и Raphael помогают нам, получить практически такую-же картинку, что и в предыдущем примере.

Новости с сайта http://sikuda.ru/voronka-prodazh-sovremennyimi-sredstvami-svg-grafiki/

Воронка продаж современными средствами SVG графики.

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

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

Мы пойдем с другого пути. Пойдем от стандартной графике в интернете основанной на Scalable Vector Graphics (SVG) и затем ее уже будем реализовывать в 1С в поле HtmlДокумента.

Для начапло прочитаем вступительную статью про SVG графику например: http://ruseller.com/lessons.php?rub=28&id=1602

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

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

<svg viewBox="0 0 1400 1400" xmlns="http://www.w3.org/2000/svg" version="1.1"> <ellipse cx="200" cy="100" rx="100" ry="20" style="fill:yellow;stroke:purple;stroke-width:1"/> </svg>

В 1С в тонком клиенте Windows 8.3.3.687 так не будет работать, в вэб клиенте все работает. В библиотеке raphaeljs для старого движка IE есть методы работы с SVG элементами. Добавляем в функцию onload:

var paper = Raphael(0,0,400,400); var ellipse = paper.ellipse(200,100,100,20).attr({ fill: "yellow", stroke: "purple", "stroke-width":1});

Остальные уровни это не полные эллипсы а только нижние дуги от эллипсов. В htmlполе надо записать в body следующий код:

<svg viewBox="0 0 1400 1400" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path d="M 100 200 A 100 20 0 1 0 300 200" fill="none" stroke="red" stroke-width="1" /> </svg>

В 1С в тонком клиенте Windows 8.3.3.687 так не будет работать, в вэб клиенте все нормально. В библиотеке raphaeljs для старого движка IE есть методы работы с SVG элементами. Добавляем в функцию onload:

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});

Теперь построим боковые стороны от вернего полуэлипса до нижнего. В htmlполе надо записать в body следующий код:

<svg viewBox="0 0 1400 1400" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path d="M 50 100 A 150 20 0 1 0 350 100 L 300, 200 A 100 20 0 0 1 100 200Z" fill = "none" stroke="red" stroke-width="1" /> </svg>

В 1С в тонком клиенте Вы сами понимаете… Добавляем в функцию onload и градиент раскраски для оживления (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});

Теперь собираем весь код для обработки для библиотеке Рафаэля:

DownloadLogin Required

Код для вставки:

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});

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

Новости с сайта http://sikuda.ru/otchetyi-v-fonovom-rezhime-1s/

Отчеты в фоновом режиме 1С

Источник: http://programmist1s.ru/otchetyi-v-fonovom-rezhime-1s/

Простой пример кoда: ЭтаФорма.СкомпоноватьРезультат(РежимКомпоновкиРезультата.Фоновый); Для очень длительных и сложных отчетов это простой метод запустить их и оставить программу доступной для пользователя.