среда, 1 августа 2012 г.

Yii. CHtml::ajaxLink - AJAX обработка нажатия кнопки

<div id="mposter">Обновить этот DIV</div>
<?php echo CHtml::ajaxLink(
'Получить ответ от сервера',
CController::createUrl('/controller/action'), 
array(
'type' => 'POST',// method
      'data'=>array('update'=>TRUE),// DATA
      'update' => '#mposter',// что обновить :)
));
?>

вторник, 31 июля 2012 г.

git



**** update in dev *****

git stash save
git checkout master
git pull
git checkout dev
git stash pop
***************

insufficient permission

При следующих ошибках:
  • bash-3.2$ git commit -am 'foo' error: insufficient permission for adding an object to repository database .git/objects error: Error building trees
  • error: insufficient permission for adding an object to repository database ./objects fatal: failed to write object error: unpack failed: unpack-objects abnormal exit
нужно сделать:
1. simple permissions error (sudo chown hatim:hatim .git -R fixed it)
2. ssh to server
cd repository.git sudo chmod -R g+ws * sudo chgrp -R mygroup * git repo-config core.sharedRepository true and the try to push origin master again
Если не помогло:

Как вариант можно пересоздать связь с удаленным репозиторием:
git remote rm origin - удаляем старую связь
git remote add origin git@server:repo.git - создаем новую связь

суббота, 28 июля 2012 г.

Java script библиотеки генерации графиков и диаграмм (amCharts, Highcharts, Raphaeljs, ...)

 У меня была задача выбрать java script библиотеку для генерации графиков и диаграмм в любом браузере и на любой операционной системе, в том числе iOS.

Существуют решения, позволяющие в браузерах использовать SVG для визуализации графики, а в Internet Explorer рисовать с помощью VML.

Сравнительные характеристики

amCharts
Highcharts
http://www.highcharts.com/stock/demo/
Google Chart
Raphaeljs
http://raphaeljs.com/analytics.html
Flot jQuery
Elycharts
http://elycharts.com/examples
ОС, браузеры IE  6.0 +
Firefox
Chrome
Safari
 Opera
iOS (iPad, iPhone, iPod Touch)
Android Honeycomb
IE  6.0 +
Firefox 2.0 +
Chrome 1.0 +
Safari 4.0 +
Opera 9.0 +
iOS (Safari)3.0 +
Android Browser2.0 +
Older IE
iPhones, iPads (баги)
Android
and other
IE  6.0+
Firefox 3.0+
Chrome 5.0+
 Safari 3.0+
Opera 9.5+
iOS (Safari)
Android Browser
IE  6.0+
Firefox 2.x+
Safari 3.0+
Opera 9.5+ Konqueror 4.x+
iOS
IE  6.0+
Firefox 3.0+
Chrome
 Safari 3.0+
Opera 9.5+
frameworks + + + +
Совмещение диаграмм + только          
JavaScript Charts
Только highcharts + +
Масштабирование по х, у + только          
JavaScript Charts
Только highcharts +/? ?
Вывод точек с описанием + + + +
Разбиение по временным отрезкам + + - - -
Использует js frameworks - Опционально:  jQuery, Mootools , Prototype - jQuery jQuery jQuery
Импорт данных JS, CSV, XML JS,  опционально: JSON , CSV, XML JS,  JSON , Chart Tools Datasource protocol, JSON , CSV, XML, … JS,  теоретически: JSON , CSV, XML JS JS,  теоретически: JSON , CSV, XML
Клиенты Microsoft, Cisco, NASA, Motorola, Siemens Yandex,  IBM, NASA, Siemens, EMC, Sony Весь мир ? ?
Стоимость 61 500 р.
Charts – 22 500 р
23 000 -  130 000 р.
Highcharts – 12 600 – 60 000 р
free free free free
Лицензия + OEM license
http://shop.highsoft.com/highstock.html#faq
API Google
https://developers.google.com/terms/
Licensed under the MIT http://raphaeljs.com/license.html - MIT
Особенности Изменение графиков в реальном времени Вариант генерации на стороне клиента с помощью JSили на стороне Google и возврат картинки. Изменение графиков в реальном времени
Впечатление Большая функциональность. В iOSпроблемы у справлением скролов Проработанный, развивающийся корпоративный продукт. Но есть баги с прорисовкой в IE 6. Быстро работает. Очень много документации. Настораживает переменчивость в политике Google Поддерживается одним разработчиком Можно использовать для вывода без разбиения по периодам Сомнительный

Функционал

amCharts
Highcharts
amCharts
Highstock
amCharts
сводная
Highcharts
сводная
Highcharts
JavaScript Charts
Highcharts
JavaScript Stock Chart
Линия с кнопками временных периодов
-
+
+
+
-
+
Линия со строкой  временного периода
+
+
+
+
+
+
Несколько линейных графиков с выводом инф в одном всплывающем окне
+
-
+
+
+
+
Диаграмма пирог
+
-
+
+
+
-
Диаграмма 3Д пирог
+
-
+
-
-
-
Диаграмма столбцы вертикальные / горизонтальные
+
-?
+
+
+
+/-
Диаграмма пирог и столбец с углублением
-
-
-
-/+
-/+
-
Совмещение диаграмм
+
-?
+
+
+
-
Масштабирование по х, у
+
-
+
+
+
+
Вывод произвольных точек с описанием
+
+
+
+
+
+?
Диаграмма пузырьками
+
-
+
-
-
-

Скорость генерации графика

Браузер
amCharts
line (ms)
amCharts
column (ms)
Highcharts
line (ms)
Highcharts
column (ms)
firefox 438.537, 91553 вызовов 101.633, 4398 вызовов 1.27, 47 вызовов 222.974, 30136 вызовов
chrome 349 78 1 131
IE9 2539 640 1 5
IE8 1689 415 1 286
IE7 194059 330 10 630
IE6 235298 431 10 631
Opera 12 1785 472 1 550
Opera 11 3000 90 1 61
Android 4370 113 7 53
iOS 5212 188 16 553

пятница, 13 июля 2012 г.

Прототипирование интерфейсов

create wireframes, mockups or UI concepts, prototypes depending
Как то мне понадобилось подобрать сервис для легкого создание макета интерфейса сайта для использования в техническом задании. Одним из критериев была работа во всех браузерах. Выбирал среди следующих:

Создаем счетчик для размещения на других сайтах

Создаем счетчик для размещения на других сайтах


На странице пользователя:

<script src="//domain/gc.js" type="text/javascript"></script>
<script type="text/javascript">
    try { var gluCounter11111111111 = new Glu.Counter(11111111111); } catch(e){}
</script>
<noscript>
    <a href="http://domain/click/11111111111" target="_blank">
        <img src="//domain/counters/11111111111.png" alt="" />
    </a>
</noscript>

Тег <script type="text/javascript"> используется дважды для того что бы инициализация класса во втором теге произошла только после того как подгрузится файл с удаленного сервера.

Содержимое файла gc.js:

document.write("<a href='http://domain/click' target='_blank'><img src='http://domain/counters/11111111111.png?"+Math.random()+"' alt='' /><\/a>")