发表于 | 分类于

对于移动App的原型，如果能在手机上运行，像本地程度一样运行，会带来更真实的体验。本文简要记录使Axure原型能在iPhone 5s上运行

# 

使用Axure设计原型并导出

Axure设计时，和普通原型设计要比，要注意的地方有几点：

**原型尺寸的选择**

iOS的屏幕尺寸目前是有限的几种，原型尺寸要和其一致。比如320*640。不过，由于Axure导出的原型在iOS上处理status bar时有问题，需要在高度上减去status bar的高度，比如使用320*548

**导出原型时的选项**

在"Public > Generate HTML files > Mobile/Device"中，使用如下选项：

more

[![](https://ps.toolinbox.net/jii4g.png)​](https://ps.toolinbox.net/lrq4b.png)

注意，为了使原型更加逼真，可以使用实际App会采用的真实图标

# 

在iPhone 5s上测试

将导出的html放在web服务器中，使其可以在其他环境中访问。比如Mac自带的Apache、自己的小网站，等等。比如，本文对应的原型可以在这访问：[http://atjason.com/Axure/iPhone_Framework/home.html](http://atjason.com/Axure/iPhone_Framework/home.html)

在iPhone上使用Safari打开，然后添加至桌面："Share > Add to Home Screen > Add"

从手机桌面打开此原型，即可得到类似于原生App的使用体验

注，本文以iOS、iPhone 5s为例，其实对于其他Android手机、其他分辨率，原理是相同的

## 

下载

[iPhone Framework.rp](http://atjason.com/Axure/iPhone_Framework.rp)

### 

参考

发表于 | 分类于

跑分软件感觉是被Android玩烂了，突然也想测试下手上的Radxa和Linode VPS的性能怎样

# 

UnixBench介绍

简单搜索了下，找到了Linux下较常用的UnixBench，是linux、unix测试系统基准性能的经典工具，UnixBench测试包含了系统调用、读写、进程、2D、3D、管道、运算、C库等系统基准性能，它的优点在于提供了对系统性能的一种评价体系，为系统评分，如此方便对系统作对比测试；但UnixBench在网络性能测试欠缺

UnixBench的使用方法如下：

Download the latest version

wget https://byte-unixbench.googlecode.com/files/UnixBench5.1.3.tgz;

tar xzf UnixBench-5.1.3.tar.gz;

cd UnixBench;

Disable graphic test as no desktop for Linux installed

sed -i "s/GRAPHIC_TESTS = defined/#GRAPHIC_TESTS = defined/g" ./Makefile

make;

./Run;

执行后就耐心等待结果就行，依据机器性能不同，大概需要10分钟

# 

UnixBench测试结果

Radxa的执行结果：

more

========================================================================

 BYTE UNIX Benchmarks (Version 5.1.3)

 System: radxa: GNU/Linux

 OS: GNU/Linux -- 3.0.36+ -- #2 SMP PREEMPT Sat Mar 15 11:18:05 CST 2014

 Machine: armv7l (armv7l)

 Language: en_US.utf8 (charmap="ANSI_X3.4-1968", collate="ANSI_X3.4-1968")

 11:50:03 up 12 days, 14:42, 4 users, load average: 0.54, 0.31, 0.58; runlevel 2

------------------------------------------------------------------------

Benchmark Run: Sun Jul 13 2014 11:50:03 - 12:18:17

0 CPUs in system; running 1 parallel copy of tests

Dhrystone 2 using register variables    6077940.3 lps  (10.0 s, 7 samples)

Double-Precision Whetstone           995.3 MWIPS (9.9 s, 7 samples)

Execl Throughput                294.0 lps  (29.5 s, 2 samples)

File Copy 1024 bufsize 2000 maxblocks    129538.0 KBps (30.0 s, 2 samples)

File Copy 256 bufsize 500 maxblocks      40792.2 KBps (30.0 s, 2 samples)

File Copy 4096 bufsize 8000 maxblocks    325214.2 KBps (30.0 s, 2 samples)

Pipe Throughput               271265.0 lps  (10.0 s, 7 samples)

Pipe-based Context Switching         64658.0 lps  (10.0 s, 7 samples)

Process Creation                831.6 lps  (30.0 s, 2 samples)

Shell Scripts (1 concurrent)          1785.6 lpm  (60.0 s, 2 samples)

Shell Scripts (8 concurrent)          370.0 lpm  (60.1 s, 2 samples)

System Call Overhead            1007757.5 lps  (10.0 s, 7 samples)

System Benchmarks Index Values        BASELINE    RESULT  INDEX

Dhrystone 2 using register variables     116700.0  6077940.3  520.8

Double-Precision Whetstone            55.0    995.3  181.0

Execl Throughput                 43.0    294.0   68.4

File Copy 1024 bufsize 2000 maxblocks     3960.0   129538.0  327.1

File Copy 256 bufsize 500 maxblocks      1655.0   40792.2  246.5

File Copy 4096 bufsize 8000 maxblocks     5800.0   325214.2  560.7

Pipe Throughput                12440.0   271265.0  218.1

Pipe-based Context Switching          4000.0   64658.0  161.6

Process Creation                126.0    831.6   66.0

Shell Scripts (1 concurrent)           42.4    1785.6  421.1

Shell Scripts (8 concurrent)           6.0    370.0  616.6

System Call Overhead             15000.0  1007757.5  671.8

                                 ========

System Benchmarks Index Score                     264.7

Linode 1GB的执行结果：

========================================================================

 BYTE UNIX Benchmarks (Version 5.1.3)

 System: li715-76: GNU/Linux

 OS: GNU/Linux -- 3.15.3-x86_64-linode44 -- #1 SMP Tue Jul 1 15:51:04 EDT 2014

 Machine: x86_64 (x86_64)

 Language: en_US.utf8 (charmap="UTF-8", collate="UTF-8")

 CPU 0: Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz (5602.5 bogomips)

     Hyper-Threading, x86-64, MMX, Physical Address Ext, SYSENTER/SYSEXIT, SYSCALL/SYSRET

 11:50:02 up 8 days, 19:34, 1 user, load average: 0.08, 0.09, 0.51; runlevel 2

------------------------------------------------------------------------

Benchmark Run: Sun Jul 13 2014 11:50:02 - 12:18:09

1 CPU in system; running 1 parallel copy of tests

Dhrystone 2 using register variables    29753198.8 lps  (10.0 s, 7 samples)

Double-Precision Whetstone           3944.6 MWIPS (9.9 s, 7 samples)

Execl Throughput                1619.4 lps  (30.0 s, 2 samples)

File Copy 1024 bufsize 2000 maxblocks    319724.7 KBps (30.0 s, 2 samples)

File Copy 256 bufsize 500 maxblocks      82858.8 KBps (30.0 s, 2 samples)

File Copy 4096 bufsize 8000 maxblocks    957790.3 KBps (30.0 s, 2 samples)

Pipe Throughput               458770.0 lps  (10.0 s, 7 samples)

Pipe-based Context Switching         74230.2 lps  (10.0 s, 7 samples)

Process Creation                2963.8 lps  (30.0 s, 2 samples)

Shell Scripts (1 concurrent)          3719.2 lpm  (60.0 s, 2 samples)

Shell Scripts (8 concurrent)          494.0 lpm  (60.1 s, 2 samples)

System Call Overhead             474360.8 lps  (10.0 s, 7 samples)

System Benchmarks Index Values        BASELINE    RESULT  INDEX

Dhrystone 2 using register variables     116700.0  29753198.8  2549.5

Double-Precision Whetstone            55.0    3944.6  717.2

Execl Throughput                 43.0    1619.4  376.6

File Copy 1024 bufsize 2000 maxblocks     3960.0   319724.7  807.4

File Copy 256 bufsize 500 maxblocks      1655.0   82858.8  500.7

File Copy 4096 bufsize 8000 maxblocks     5800.0   957790.3  1651.4

Pipe Throughput                12440.0   458770.0  368.8

Pipe-based Context Switching          4000.0   74230.2  185.6

Process Creation                126.0    2963.8  235.2

Shell Scripts (1 concurrent)           42.4    3719.2  877.2

Shell Scripts (8 concurrent)           6.0    494.0  823.3

System Call Overhead             15000.0   474360.8  316.2

                                 ========

System Benchmarks Index Score                     587.5

Radxa基本参数：











                    System













                    CPU





                    ARM Cortex-A9 quad core @ 1.6Ghz









                    Memory





                    2GB DDR3 @ 800Mhz









                    Storage





                    8GB Nand Flash











Linode 1GB基本参数：









                System













                CPU





                单核Intel(R) Xeon(R) CPU E5-2680 v2 @ 2.80GHz









                Memory





                1GB









                Storage





                24GB SSD Storage









可以看出，表面参数占优的ARM板子Radxa还是输给了Linode的VPS。不过，需要说明的是，VPS都是多个共用一个服务器资源，所以，测试结果并不代表可以使用到这么多资源

# 

UnixBench测试结果的解释

1. ***********************

Dhrystone 2 using register variables 1 2 3 4 5 6 7 8 9 10

此项产生于 1984，测试 string handling，因为没有浮点操作，所以深受软件和硬件设计（hardware and software design）、编译和链接（compiler and linker options）、代码优化（code optimazaton）、对内存的cache（cache memory）、等待状态（wait states）、整数数据类型（integer data types）的影响

2. ********************

Double-Precision Whetstone 1 2 3 4 5 6 7 8 9 10

这一项测试浮点数操作的速度和效率。这一测试包括几个模块，每个模块都包括一组用于科学计算的操作。覆盖面很广的一系列 c 函数：sin，cos，sqrt，exp，log 被用于整数和浮点数的数学运算、数组访问、条件分支（conditional branch）和程序调用。此测试同时测试了整数和浮点数算术运算。

3. **************

System Call Overhead 1 2 3 4 5 6 7 8 9 10

测试进入和离开操作系统内核的代价，即一次系统调用的代价。它利用一个反复地调用 getpid 函数的小程序达到此目的。

4. ***************

Pipe Throughput 1 2 3 4 5 6 7 8 9 10

管道（pipe）是进程间交流的最简单方式，这里的 Pipe throughtput 指的是一秒钟内一个进程可以向一个管道写 512 字节数据然后再读回的次数。需要注意的是，pipe throughtput 在实际编程中没有对应的真实存在。

5. *************

Pipe-based Context Switching 1 2 3 4 5 6 7 8 9 10

这个测试两个进程（每秒钟）通过一个管道交换一个不断增长的整数的次数。这一点很向现实编程中的一些应用，这个测试程序首先创建一个子进程，再和这个子进程进行双向的管道传输。

6. ************

Process Creation 1 2 3

测试每秒钟一个进程可以创建子进程然后收回子进程的次数（子进程一定立即退出）。process creation 的关注点是新进程进程控制块（process control block）的创建和内存分配，即一针见血地关注内存带宽。一般说来，这个测试被用于对操作系统进程创建这一系统调用的不同实现的比较。

7. ***********

Execl Throughput 1 2 3

此测试考察每秒钟可以执行的 execl 系统调用的次数。 execl 系统调用是 exec 函数族的一员。它和其他一些与之相似的命令一样是 execve（） 函数的前端。

8. ***********

File copy

测试从一个文件向另外一个文件传输数据的速率。每次测试使用不同大小的缓冲区。这一针对文件 read、write、copy 操作的测试统计规定时间（默认是 10s）内的文件 read、write、copy 操作次数。

9. **********

Shell Scripts

测试一秒钟内一个进程可以并发地开始一个 shell 脚本的 n 个拷贝的次数，n 一般取值 1，2，4，8.（我的系统上取 1， 8， 16）。这个脚本对一个数据文件进行一系列的变形操作（transformation）

10. *********

Arithmetic Test

11. *************

Arithoh 1 2 3

12. *************

C Compiler Throughput 1 2 3

13. *************

Dc: sqrt(2) to 99 decimal places 1 2 3

sqrt（2） 到 99 位小数

14. *************

Recursion Test--Tower of Hanoi 1 2 3

15. *************

join: file 2 is not in sorted order

join: file 1 is not in sorted order

### 

参考

发表于 | 分类于

最近粗粗得了解了Origami，这里简要记录过程及对Origami的理解

# 

Origami是什么

一句话，Origami是一款用来设计高保真、可交互产品原型的工具

XCode是Mac进行开发的工具，Quartz Composer（以下简称QC）是基于XCode进行UI开发、原型设计的工具，Origami是Facebook对QC封装后得到的Patch库，降低了QC的使用门槛，使QC的界面变得更加友好，更加适合进行移动App的界面设计

# 

Paper来背书

2014年初，Facebook重磅推出一款拥有超华丽界面的新闻聚合应用：Paper，它有许多复杂的动画：在一个屏幕内翻页和切换主题，滑动移动版块提取新闻，灵活的互动让用户仿佛感觉不到屏幕上玻璃的存在，富有诗情画意的3D效果更是给App增加了无限立体感。而这些交互都是使用Origami进行原型设计，足见其强大

more

# 

Origami的优缺点

优点

  • 交互设计功能强大

  • 基础操作简便，拖放即可

  • 适合进行移动App原型设计

    缺点

  • 学习门槛高

  • 只能在Mac上进行设计

  • 设计出的原型只能在Mac上体验，而不能在手机等目标设备上运行，这一点个人觉得效果大大折扣

# 

Origami的学习渠道

### 

引用

发表于 | 分类于

刚买了个Linode的VPS，尝试安装AMH，碰到以下两个问题导致安装失败：

1，

gcc -DHAVE_CONFIG_H -DEXEEXT=\"\" -I. -I.. -I../lib -I../intl -DDEPENDS_ON_LIBICONV=1 -DDEPENDS_ON_LIBINTL=1 -g -O2 -c progname.c

In file included from progname.c:26:0:

./stdio.h:1010:1: error: ‘gets’ undeclared here (not in a function)

_GL_WARN_ON_USE (gets, "gets is a security hole - use fgets instead");

^

make[2]: * [progname.o] Error 1

make[2]: Leaving directory `/home/amh_install/packages/untar/libiconv-1.14/srclib'

这个问题已经有解决办法；[http://amysql.com/bbs/forum.php?mod=viewthread&tid=2610](http://amysql.com/bbs/forum.php?mod=viewthread&tid=2610)

more

2，

checking for png_write_image in -lpng… yes

If configure fails try –with-xpm-dir=<DIR>

configure: error: freetype.h not found.

make: * No targets specified and no makefile found. Stop.

make: * No rule to make target `install'. Stop.

cp: cannot create regular file ‘/usr/local/php/etc/php-fpm.conf’: No such file or directory

cp: cannot create regular file ‘/usr/local/php/etc/php-fpm-template.conf’: No such file or diorytt

mkdir: cannot create directory ‘/usr/local/php/etc/fpm’: No such file or directory

mkdir: cannot create directory ‘/usr/local/php/var/run/pid’: No such file or directory

touch: cannot touch ‘/usr/local/php/etc/fpm/amh.conf’: No such file or directory

./amh.sh: line 371: /usr/local/php/sbin/php-fpm: No such file or directory

[OK] php-5.3.27 install completed.

查看vi php-5.3.27/configure

for i in $PHP_FREETYPE_DIR /usr/local /usr; do

if test -f &quot;$i/include/freetype2/freetype/freetype.h&quot;; then

  FREETYPE2_DIR=$i

  FREETYPE2_INC_DIR=$i/include/freetype2

  break

fi

done

可以看到脚本假定freetype的相对路径为&ldquo;/include/freetype2/freetype/freetype.h&rdquo;，但实际上系统路径为&ldquo;/include/freetype2/freetype.h&rdquo;。可以相应的修改脚本，去除一层&quot;freetype&quot;，或者在系统路径下临时多生成一层路径，并将相应的文件复制过去

发表于 | 分类于

Netgear WNDR3800前面板的灯看起来还是挺上档次的，不过放在客厅一直闪，总觉得晃眼，故而准备使用前面板的WPS按钮来控制LED灯的亮灭。

Shell脚本

创建/root/led.sh脚本，内容如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
#!/bin/sh
# const
ENABLE="enable"
DISABLE="disable"
TOGGLE="toggle"
# read parameter
ope=
while getopts "edt" arg
do
        case $arg in
             e)
                ope=$ENABLE
		;;
             d)
                ope=$DISABLE
                ;;
             t)
                ope=$TOGGLE
		;;
             ?)
            	echo "unknown argument"
        	exit 1
        	;;
        esac
done
# check operator
if [[ -z $ope ]]; then
        echo "Miss operator!"
	exit 1
fi
if [ "$ope" == "$TOGGLE" ]; then
	# read current led status
        cur_state=`swconfig dev rtl8366s port 1 get led`
	
	if [ "$cur_state" == "0" ]; then
		ope=$ENABLE
	else
		ope=$DISABLE
	fi
fi 
# check command
if [ "$ope" == "$DISABLE" ]; then
	# turn on power green led                                           
        echo 0 > /sys/class/leds/netgear\:green\:power/brightness         
        echo 0 > /sys/class/leds/netgear\:orange\:power/brightness	
	# turn off all group 1 (i.e., green) and group 2 (i.e., orange) leds
	swconfig dev rtl8366s port 1 set led 0
	swconfig dev rtl8366s port 2 set led 0
	
	# USB
	echo 0 > /sys/class/leds/netgear\:green\:usb/brightness
	# 2.4GHz
	echo 0 > /sys/class/leds/ath9k-phy0/brightness
	# 5GHz
	echo 0 > /sys/class/leds/ath9k-phy1/brightness
fi
if [ "$ope" == "$ENABLE" ]; then
	# turn on power green led
	echo 128 > /sys/class/leds/netgear\:green\:power/brightness
	echo 0 > /sys/class/leds/netgear\:orange\:power/brightness
	# turn off all group 1 (i.e., green) and group 2 (i.e., orange) leds
	# turn on all group 1 (i.e., green) and group 2 (i.e., orange) leds
	swconfig dev rtl8366s port 1 set led 6
	swconfig dev rtl8366s port 2 set led 9
                      
        # USB                                            
        echo 128 > /sys/class/leds/netgear\:green\:usb/brightness  
                                 
        # 2.4GHz                                                   
        echo 128 > /sys/class/leds/ath9k-phy0/brightness             
        # 5GHz                                                    
        echo 128 > /sys/class/leds/ath9k-phy1/brightness 
fi

目前这一脚本中控制全部LED灯：电源、2.4GHz、5GHz、USB、WAN、LAN

测试脚本是否正常工作

  • 点亮LED灯 /root/led.sh -e
  • 熄灭LED灯 /root/led.sh -d
  • 切换LED灯 /root/led.sh -t

接入按钮事件

在/etc/hotplug.d位置创建一个目录，名为button，然后在/etc/hotplug.d/button下创建名为01-radio-toggle的文件

1
2
3
4
#!/bin/sh
if [ "$BUTTON" = "wps" ] && [ "$ACTION" = "pressed" ]; then
        ( sleep 1; /root/led.sh -t ) &
fi

测试：按下WPS按钮就可以切换前面板中的部分LED灯了

开机设置默认值

如果开机就希望LED灯熄灭，可以使用crontab：#crontab -e

添加如下命令

1
2
# turn off led
@reboot /root/led.sh -d

参考