2009年3月13日星期五

好玩有趣又有用的Mockups

Balsamiq Mockups For Desktop

见过flash游戏中，鼠标画个圆就是球，画个方块就能站住，画条线就能成跑道（这个很经典了，滑雪橇的游戏），也见过一个视频，老师讲课的时候画个斜块、小车、轮子就能够产生物理动作，看到Mockups以后，就也有类似的感觉，不过这个是用来设计软件界面的。

以前设计界面的时候用什么？想过但用的相对比较少，笨办法就是文字描述，左边放什么，右边上面放什么，右边下面放什么等等，高手会用ps画，只要不嫌累，还有画在纸、黑板上的，这些手段都有个共同的缺点────不方便管理和变更。现在不易管理、不可变更的工具用起来太累了，Mockups正是很好的解决了这个问题。

就像上面这张图片一样，在Mockups里，提供了很多用户界面设计元素，拖过来调整、搭配就能形成一张设计示意图，在设计阶段、持续变更阶段应该都是很好的表达工具，毕竟一图胜千言嘛。风格上是手绘的草稿风格，让人感觉和在纸上没区标，估计打印出来蒙人也没问题。技术实现上，依赖Adobe AIR环境，所以也是跨平台的。从图上也能看到，只要选中了菜单里的View -> Use System Fonts，中文支持还是可以的，好像不能选字体，不过够用了。

缺点首先是没有我想像中的"手工画线"，毕竟直接画和使用预制物件的感觉和灵活性还是有区别；第二就是速度，2006年买的电脑用起来都不算十分流畅；第三就是技术平台，个人对AIR不感冒，当然这个也没得改了，呵呵。

Tags: , , , ,

Related posts


发帖者 时间：

teamol=WebCollab

Team Online 项目管理系统

如果你曾经在国内某个php源码下载网站下载过一个叫teamol的团队任务分配软件，不知你有没有注意到，它和国外开源项目WebCollab之间似乎有着亲密的联系。

本来我也没注意，可这个teamol下载回来以后安装颇不顺利，文档TeamOL setup.doc和安装界面有不一样的地方，虽然国内开源项目用doc写文档不算奇怪，但这个文档内容也太少了。代码注释中有个"官方网站"http://www.inodea.cn是打不开的，代码中很多地方标的版本号是0.1，可下载时我记得说的出3.0或者3.2版本。

开始安装以后有个地方卡壳了，还没安装数据库，就要从数据库里信息来验证用户是否有权限安装。hack安装之后，path配置也有问题，模板中还有一些错误，比如明明这段函数内没有$title这个变量却多次使用，要知道即使是global $title也是没有值的。

反正歪歪扭扭总算把程序配置得能运转了，开始试试，功能倒还有点让我满意的意思，除了日期选择的弹出窗口我极其不喜欢。然后我就发现了一件让我大跌眼镜的事情，这么一个错误百出或者说有点像半成品的"国产开源"作品，居然不仅有英、中文支持，还有一个看似排版比较成熟的英文帮助页面：

webcollab-help

好奇的我挑了帮助页面中的一句话上G一搜，便找到了WebCollab。仔细比较下来，两者的目录结构也几乎一样：

dir structure of teamol and webcollab

结果应该不用我说了，也或许teamol的作者原想只是以webcollab为蓝本边学习边制作一个全新的系统吧，从注释中的版本0.1和修改过使用frame的页面框架中能够看出作者还是付出了些劳动的。

回到主题，用于小组内工作任务分配跟踪，倒是可以试试WebCollab，界面是简陋了点，基本的内容算是都有了。但这类软件，至今没找到一个特别好用的，包括很多在线的GTD或者项目管理系统。

WebCollab login

Tags: , , ,

Related posts


发帖者 时间：

转换静态图像为视频

需要把100+张大小不一的图片，转换为视频，上网查了些资料，关键词一般用still images或者image sequence，结果用mencoder就能作：

mencoder mf://*.jpg -vf scale=800:600,harddup -ofps 25 -ovc xvid -xvidencopts bitrate=800 -o dbb.avi

结果出来的影片每秒25帧，也就是切换每秒切换25张图片，120多张一共耗时4秒，没法看。把fps调整为1或者0.1之类的数，mencoder运行就出错。没办法，我想了一笨办法。

按照每秒25帧算，那么如果一张图片想显示2秒，那么就把它复制（用ln更快，别傻傻的cp）2×25=50份，比如001.jpg.001, 001.jpg.002…按照这种方法把图片都整到一个目录中，然后再使用上面那个命令就能够正常转换了。

不过，当图片大小不一的时候，还是会出现错误，比如这个：

VDec: vo config request - 800 x 463 (preferred colorspace: Planar 444P)] VDec: using Planar 444P as output csp (no 0) Movie-Aspect is 1.33:1 - prescaling to correct movie aspect. [CROP] Bad position/width/height - cropped area outside of the original! FATAL: Cannot initialize video driver.

mencoder转变源尺寸的东西我不熟悉，试了一些参数都不行，刚想放弃，从这里发现有images2mpg这个好东西。

images2mpg是在kipi-plugins这个包里（属于kde桌面下的插件），需要安装imagemagic等包，如果提示：

Can't find ppmtoy4m, please install it or check -M parameter

这是缺少包mjpegtools，如果提示找不到ogg123，那是缺少包vorbis-tools。images2mpg就是利用这些包完成图片转换、压缩视频等工作的一个脚本。可以这样用：

images2mpg -o mzj.avi -t 4 -d 1 -S 420mpeg2 -M /usr/bin/ -i ???.jpg
  • -t 4是淡入淡出的效果，4对应的时间消耗在帮助里面，约1秒
  • -d 1是每张图片停留1秒，很遗憾这个参数不能用小数
  • -S 420mpeg2指定mpeg2压缩方式
  • -M /usr/bin/指定mjpegtools的可执行文件位置，不知怎地images2mpg自己不会到/usr/bin下找
  • -i ???.jpg是源文件，必须放在最后

转换结果很贴心，图片自动都按长、短边缩放到了视频大小，空白的地方是黑色，淡入淡出效果也还能接受，就是转换速度有些慢。

有了这个素材，再进行添加声音、分段设置间隔时间等操作就都能够很简单的用mencoder完成了。附上一个视频片段合并，并且引入外部声音的例子：

mencoder -audiofile mzj.mp3 -ovc xvid -xvidencopts bitrate=800 -vf harddup -idx -oac copy -o mzj.avi mzj_1.avi mzj_2.avi

不过这样声音在播放的时候会重复，如果合并完再加声音就没事了。

Tags: , , ,

Related posts


发帖者 时间：

升级到Ubuntu Intrepid后感觉到的一些变化

第一，一台服务器，双网卡，配置两个ip地址，这两个ip地址同属一个网段，因此网关设置为相同。升级前一切正常，升级后只能让同网段的其它机器ping通，其它网段机器即使防火墙规则允许也ping不通，去掉其中一个ip地址的网关设置后就可以了。

第二是和mysql相关的怪怪的问题，以前mysql设置中都有一项：

innodb_flush_log_at_trx_commit=1

升级后，一台P4 1.7 256M内存的机器insert数据正常，另外一台IBM x3650 双5160 3.0GHz cpu 4G内存机器的insert却极慢（10条数据要5秒），不光是比以前Feisty慢，比刚才那台P4机器都要慢很多倍。将此项值调整为2以后恢复正常，insert 1000条数据耗时0.25秒左右。P4机器也将此值调整为2后有改进，但不如x3650明显，insert 1000条数据耗时5秒多。

第三，登录后欢迎屏幕里的那个系统信息我很喜欢：

  System information as of Tue Jan  6 23:50:02 CST 2009    System load:    0.0                Memory usage: 77%   Processes:       118   Usage of /home: 19.4% of 24.03GB   Swap usage:   34%   Users logged in: 3

如果没有出现，把landscape-common这个包装上，并且平时可以用landscape-sysinfo命令调出类似信息。

Update @ 2009-01-13

字体问题又出现了，网上有很多修改文泉驿字体的方法，我则是/etc/fonts/conf.avail下44-wqy-zenhei.conf和69-language-selector-zh-cn.conf中WenQuanYi Zen Hei或WenQuanYi Bitmap Song前面加上Simsun，字体倒是还是原样（默认宋体），但firefox和其它X程序有时候字体乱成一片，也有说像墨点或者重叠的，反正鼠标选中后就恢复了，有人说是驱动的问题，把nvidia-glx-96换成nvidia-glx-71干脆X就起不来了，其它的173 177 180根本就不支持我的GForce4 MX440。

如果不换Simsun，用网上的方法调整一下文泉驿字体的处理方式，倒是不乱，但字体略显模糊，还能接受。但其它X程序依然有时文字是乱的。查到可能是显卡驱动的问题，只能等待了？

另外注意一点，nvidia-glx-??安装后必须重启系统，只重启X是不起作用的。

Update @ 2009-01-16

旧IBM本本，raedon9000的显卡，fglrx不支持，所以卸掉xorg-driver-fglrx后X能起来了，但登录界面无法输入，并且小红点失效，reinstall xserver-xorg-vesa后dpkg-reconfigure xserver-xorg后好了。总体来说反而比N卡好配。

Update @ 2009-02-08

如果安装nvidia显卡驱动时出现这样的错误：

  dpkg-divert: `diversion of /usr/lib/xorg/modules/extensions/libGLcore.so to /usr/lib/nvidia/libGLcore.so.xlibmesa by nvidia-glx-96' clashes with `diversion of /usr/lib/xorg/modules/extensions/libGLcore.so to /usr/lib/nvidia/libGLcore.so.xlibmesa by nvidia-glx-71'   dpkg: error processing /var/cache/apt/archives/nvidia-glx-96_96.43.09-0ubuntu1.1_i386.deb (--unpack):    subprocess pre-installation script returned error exit status 2   Errors were encountered while processing:    /var/cache/apt/archives/nvidia-glx-96_96.43.09-0ubuntu1.1_i386.deb   E: Sub-process /usr/bin/dpkg returned an error code (1)

可以试着用dpkg-divert --list|grep GL找到libGLcore.so相关的内容，可能会定义到另外一个包里了：

$ dpkg-divert --list|grep GL diversion of /usr/lib/xorg/modules/extensions/libGLcore.so to /usr/lib/nvidia/libGLcore.so.xlibmesa by nvidia-glx-71 diversion of /usr/lib/libGL.so.1 to /usr/lib/nvidia/libGL.so.1.xlibmesa by nvidia-glx-96 diversion of /usr/lib/libGL.so.1.2 to /usr/lib/nvidia/libGL.so.1.2.xlibmesa by nvidia-glx-96

可以看出是nvidia-glx-71没删干净，在这里手工清除就可以了：

$ sudo dpkg-divert --remove /usr/lib/xorg/modules/extensions/libGLcore.so Removing `diversion of /usr/lib/xorg/modules/extensions/libGLcore.so to /usr/lib/nvidia/libGLcore.so.xlibmesa by nvidia-glx-71'

Update @ 2009-02-09

ati的驱动也出问题了，rv3??核心的显卡全不支持，比如我的Radeon X600，暂时只能删掉fglrx，用其它的驱动替代。删除xorg-driver-fglrx相关的包，装上xserver-xorg-video-ati，然后sudo dpkg-reconfigure xserver-xorg，生成了一个极小的xorg.conf，图形就有了，但据说3D性能几乎没有，办公用没啥大事。

Section "Device"     Identifier  "Configured Video Device"     Option      "UseFBDev"      "true" EndSection  Section "Monitor"     Identifier  "Configured Monitor" EndSection  Section "Screen"     Identifier  "Default Screen"     Monitor     "Configured Monitor"     Device      "Configured Video Device" EndSection

Firefox工具栏的自定义设置总是丢失的问题原因也找到了，可以暂时禁用TabMixPlus扩展，或者是禁用Ubuntu Firefox Modifications，我选择后者。

字体也有一点小问题，比如方正小标宋的"黑体"效果就没有了，重新刷新一下fc-cache -fv就好了。

Tags: , , , , , , , , , , , ,

Related posts


发帖者 时间：

Intrepid中的php-sybase凑合能用了

以前说过Ubuntu升级到hardy之后，php-sybase没了，现在在intrepid里又有了，不过有些变化。

主要的原因好像是支持方式从以前的ctlib变成了dblib，其实是和mssql的支持作在一起了，所以现在没有了sybase_ct.so，并且如果使用了adodb（我新下载的版本是5.07），要修改drivers/adodb-sybase.inc.php的148行，把

return sybase_unbuffered_query($sql,$this->_connectionID);

替换为

return sybase_query($sql,$this->_connectionID);

因为sybase_unbuffered_query只有在使用CT library时才能用。

另外一个小变化就是timestamp读出来以后的值变了，由于sybase内置的timestamp其实是varbinary类型，所以原来使用ctlib的时候读出来就是这样的：000007d001917b36，但现在变成了类似中文字符串的形式，所以也需要转换一下：

if (16 != strlen($ts))     $ts = bin2hex($ts);

Update @ 2009-03-01

还是日期的问题，现在从数据库日期字段里取出来的数据多了个毫秒部分，比如Mar 01 2009 00:24:00:000AM，致命的是这个字符串交给strtotime()函数居然不返回值，把毫秒部分:000去掉就没事了。

Tags: , , , , , ,

Related posts

发帖者 时间：
订阅： 博文 (Atom)