Как редактировать интерфейс терминала в Киберплат

Cмотрящий

Отлично!!!!a p p l a

Казначей

Поставил, смотрится великолепно, Респект.:--:

Badim · Сообщение **Badim** » 19 май 2008, 03:30

Гость · Сообщение **Гость** » 19 май 2008, 06:17

А че так вяло скачут? Уснуть можно =)

Гость · Сообщение **Гость** » 19 май 2008, 09:48

Вот человек! Старается! Флэш осваивает!
Все равно молодец

Маленький совет из опыта: смотри что бы флэшки не вешали проц на 100% - сталкивался и не раз

.

Удачи.

alexbrick · Сообщение **alexbrick** » 01 июн 2008, 06:05

keyreal писал(а):Интересно конечно, я тоже два дня бился получилось убого, я и забил на это. Если не трудно опиши шаги, как и где делать.

Вот представляю Скрин Джифовый ДЛЯ ОЗНАКОМЛЕНИЯ, в него интегрированы основные страницы интерфейса на которых вы найдете и и Флешь и Gif и избирательно отформатированы текст и т.д.

Чуть позже могу все объснять где что писать или для саморазбирательства предлагаю
iface_runtime.js и skp.js c моими комментариями. Думаю теперь вам будет легче разобраться и сделать свою шкурку.

Сразу хочу заметить - не программисты мы ))))

UA · Сообщение UA » 01 июн 2008, 14:37

alexbrick день добрый.
Подскажите пожалуйста, а в какую папку и за место каких файлов нужно закинуть вложенный вами файлы ????

Благодарю ~)

alexbrick · Сообщение **alexbrick** » 02 июн 2008, 02:56

UA писал(а):alexbrick день добрый.
Подскажите пожалуйста, а в какую папку и за место каких файлов нужно закинуть вложенный вами файлы ???? Благодарю ~)

Значит по порядку:
1. Все это делалось на БЕТА Версии как вы уже заметили и для версии скина "elegant"
Но от него осталось только 3 основные кнопки и общие логотипы операторов, все остальное пришлось перерисовывать

2. Расположение файлов относительно этого варианта

C:\WebClient\interface\iface_runtime.js (Общий файл)

C:\WebClient\interface\skins\elegant\skp.js (Файл принадлежащий и управляющий только этим скином)

C:\WebClient\interface\iface_init.js (Общий файл)

C:\WebClient\interface\locale\ru\lcp.js (Общий файл)

Разберем сначала назначение и структуру файла lcp.js

В нем хранятся системные сообщения Клиента, подписи для кнопок и т.д.,

Например
////////////////////
// - - - - - - - - service menu button labels
svmnu_title :'CYBERPLAT.COM :: Сервисное меню',

terminal_no :'Терминал №',
svmnu_configtool :'НАСТРОЙКА ПО',

svmnu_incass :'Инкассация',
svmnu_conn2cyber :'Связь с CyberPlat',
svmnu_balance :'Баланс',
svmnu_monserver :'Связь с сервером мониторинга',
svmnu_zreport :'Z-отчет',
svmnu_exit :'Выход',
svmnu_simbalance :'Баланс Sim-карты',
svmnu_termreset :'Перезагрузка терминала',
svmnu_back :'Вернуться',
svmnu_closewindow :'Свернуть окно',
svmnu_printunprintedchecks :'Печать ненапечатанных чеков' ,
svmnu_generatekeys :'Сгенерировать ключи по команде с сервера' ,
svmnu_generatekeysbyhands :'Сгенерировать ключи вручную' ,
/////////////
Очень знакомо - это интерфес сервисного меню

А Теперь конкретный момент. Как я вставил свои кнопки "Помощь" и "ИНФОРМАЦИЯ"

1. Так как там тесктом было написано "Помощь" и "ИНФОРМАЦИЯ" и все основные текстовые сообщения клиента хранятся как я уже сказал в файле lcp.js. то я нашел эту позицию в этом файле

/////////////
button_information :'Информация',
button_instruction :'Инструкция',
/////////////

В моем варианте этого файла эти строки имеют такой вид
/////////////
button_information :'',
button_instruction :'',
/////////////
т.е. текста нет, и не нужно так как я сам написал в графическом редакторе это текст, все-таки что не говори а в специализированном редакторе это сделать гораздо лучше и проще чем......

продолжим... это только текст а есть еще и сами кнопки т.е. "графический объект", и как-то это все выводится на экране Клиента....

За генерацию интерфейса в браузере отвечает iface_runtime.js

Ну и дальше дело техники, берем из LCP и копируем переменную в виде текста button_information и тупо ищем ее в файле iface_runtime.js

Вот она родимая, разберем по порядку что здесь где

// - - - - - Генерация кнопок Помощи и Информации
(Это мой комментарий и они сделаны по всем интересующим для нас функциям. чтоб Вам было удобнее ориентироваться в этих безумных строках программного кода)
Коль мы не программисты делаем все по аналогии и иногда включаем мозг )))))

Далее сама формула
create_bigbut_static_vp($__v, -2, 'nbut1_g0_green.gif', LCP('button_information'), "$g_n_secsInHelpOrInfo=0; route_to_vp('VIEW_HELP', 'create_info', '-1', '"+$__v+"')");

create_bigbut_static_vp($__v, -3, 'nbut1_g0_blue.gif', LCP('button_instruction'), "$g_n_secsInHelpOrInfo=0; route_to_vp('VIEW_INFO', 'create_help', '-1', '"+$__v+"')");

Все что нам интересно я выделили жирным шрифтом

-2, - управление положением кнопки по оси X

nbut1_g0_green.gif - это кнопка, находится по адресу C:\WebClient\interface\skins\elegant\i

button_information - с этим уже разобрались

В общем то вот и все, хотя

VIEW_HELP а вот это что такое )))))

Это функция которая отвечает за вывод Интерфейсного окна о помощи и находится эта в файле skp.js

ВОт Выдержка из этого файла

// -=-=-=-=-=-=-=-=- Страница с помощью -=-=-=-=-=-=-=-=

VIEW_HELP : {
t: {
allow_flash : true
},

r: [90, 240, 1050, 650],
b: false, // '#ccffcc',
i: false, //'bg_opvp1.bmp',

// f: ['Verdana', '27', 'normal', '#ddddff', 'center'],
// s: [3, '#333333']
f: '../swf/help.swf'
},
Пока вкратце, потом об этом подробнее если потребуется здесь показана интеграция Флешь в страницу интерфейса кибера.
Хотя можно убрать флешь и написать кучу всякого текста подложив под него бакграунд и т.д.

Далее вернемся к нашей первоначальной формуле

create_info - Значения этой функции нужно искать внутри iface_runtime.js

Вот она

// Управление Вывода информации о Версии программы в окне "Информация о системе"

function create_info($__v) {

var $v = $g_vpa[$__v]['v'];
var $s = SKP('OPERATOR_ICON'); // придание строчки определенного формата из файла skp.js

set_rect_text($v, [450, 740, 300, 100], $s, 'v'+$gs_iface_version);

}
// Добавлена функция мной для вывода на экране "ИНФОРМАЦИЯ" информации об авторе скина
function create_info($__v) {

var $v = $g_vpa[$__v]['v'];
var $s = SKP('OPERATOR_ICON_VER_SKIN'); // придание строчки определенного формата из файла skp.js

set_rect_text($v, [870, 700, 300, 100], $s, 'Make Skin BY: '+$gs_iface_skin_autor);

}

$gs_iface_version
$gs_iface_skin_autor

Здесь нам интересны вот эти моменты их следует искать в файле iface_init.js

// Объявление переменных для последующего вывода текста на страницы Клиента

var $gs_iface_version = '2.0.0080.000 (20070921)';
var $gs_iface_skin_autor = 'alexbrick ™ (mailto:9166833857@mail.ru)';

Думаю без комментариев что это и зачем - в итоге мы имеем

Такие кнопки встроенные в интерфейс кибера и вот такой вид окна "ИНФОРМАЦИЯ"

Jmenka · Сообщение **Jmenka** » 04 июн 2008, 03:07

alexbrick писал(а):
UA писал(а):alexbrick день добрый.
Подскажите пожалуйста, а в какую папку и за место каких файлов нужно закинуть вложенный вами файлы ???? Благодарю ~)

Значит по порядку:
................................Такие кнопки встроенные в интерфейс кибера и вот такой вид окна "ИНФОРМАЦИЯ"

Спасибо за инструкцию...
Вот было бы неплохо еще видео ролик снять ;_

alexbrick · Сообщение **alexbrick** » 04 июн 2008, 17:50

В ближайшее время я рассмотрю как сделать вот такую страницу как на рис 1 - Вот такой как на рис 2 (там где стрелочки - это флешки)

Хотя можно было и gif подсунуть, но в данном случаем маштабиравание флешь проходит более безболезненно чем графики (что очень сокращает время работы).
О чем это я .... чуть позже

alexbrick · Сообщение **alexbrick** » 04 июн 2008, 21:44

Для начала нам потребуется обновить бак граунт

он находится по адресу C:\WebClient\interface\skins\elegant\i как и весь графический контент

но..... по умолчанию - это bg.bmp - не понятно зачем использовать файлы формата bmp - они "тяжелые", в оригинале Кибера Весит 3,75 МБ - по этому я использую "gif", он весит у меня 5,24 КБ , (это пригодится Вам Нам Мне при последующем удаленном редизайне через клиент мониторинга (у меня все работает )))) и обновляется, включая плейлисты рекламных флешек ),
а чтобы он отражался в Клиенте в файле skp.js нужно функцию

Как редактировать интерфейс терминала в Киберплат

Кто сейчас на конференции

Темы дня